hwb2017
Results
12
comments of
hwb2017
vue-loader会把sfc中的内容拆分为template，script，style三个“虚拟模块”，然后分别匹配webpack配置中对应的rules，比如script模块会匹配所有跟处理JavaScript或TypeScript相关的loader。 template中的内容会通过 vue compiler 转换为 render函数后合并到 script “虚拟模块”中。 scoped style 会经过vue-loader/style-post-loader的处理，成为只匹配特定元素的私有样式。 参考 [vue-loader README](https://github.com/vuejs/vue-loader/blob/master/README.md)
模块/文件级别的 tree shaking，如果模块没有导入但是模块内的函数存在副作用(对外部变量进行读写)的话，也会被打包。解决方法是在模块所在的npm包的package.json中增加 sideEffects: false, 表示所有的模块/文件都是没有副作用的，或者有副作用的话被删了也没关系 参考 https://webpack.js.org/guides/tree-shaking/