Ⅰ vue编译打包速度优化
1、首先在config文件夹下配置webpack.dll.config.js(内容如下),要打包的模块的数组可以将一些较大的依赖放进vendor中
2、在package.json的scripts加上
3、运行npm run dll就可以生成vendor-manifest.json和vendor.dll.js
4、然后在index.html中引入vendor.dll.js
然后就可以正常的进行编译打包,会发现将更多的依赖放到vendor,打包速度越快
优化前
优化后
大概平均可以节省三分之一的时间。参考 webpack中文网
Ⅱ 一个.vue文件,是如何被编译在浏览器中运行的
自我理解的作用:解析转换.vue文件。提取出script,css,template,再分别交给对应的loader去处理。核心就是提取。
官方定义:
1、允许为唯胡链vue组件的每个部分使用他的webpack loader,例如在style中使用sass,在template中使用Pug
2、允许一个.vue文件中做凳使用自定义块,并对其运用自定义的loader链
3、使用webpack loader将style,template中引用的资源当作模块依赖处理
4、为指孙每个组件模拟出scoped css
5、在开发过程中使用热重载来保持状态