vue打包 优化

原创 taoserking 随笔 Vue.js 学习笔记 249阅读 2018-06-13 09:37:41 举报

1、把不修改的package单独打包成一个文件
(1) build 下新建一个webpack.dll.conf.js文件
build的时候加上--report 可以看到文件大小,把不用修改的体积较大的文件,打包成一个dll.js文件
npm run build --report 会自动打开一个analyzer窗口
内容:

(2)修改 build/webpack.prod.conf.js
文件中的plugins添加

(3)在package.json文件中添加一个指令
"dll": "webpack --config ./build/webpack.dll.conf.js"
然后执行 npm run dll
会在static里面生成一个/js/vender.dll.js 文件

(4)在index.html中引用
<script src="./static/js/vendor.dll.js"></script>

2、压缩gzip
(1) 修改config/index.js
productionGzip: false,
改成true

(2) 安装compression-webpack-plugin
npm i compression-webpack-plugin --save-dev

(3) npm run build
你会发现多了.gz的文件

(4)服务器配置开启gzip

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复