vue打包文件过大

H5:dist打包有8M左右.

原因：1）项目功能繁杂；2）选择任一地址等插件的下载；

#尝试解决方法：局部引用element-日期时间选择器。

                1,（.babelrc）添加

         

"es2015", {

"modules": false

}

"plugins": [

[

"component",

{

"libraryName": "element-ui",

"styleLibraryName": "theme-chalk"

}

]

]

2，index.html引入在线样式：（）

结果：dist小了1M多，

 

vender.js文件过大：（可分散vender配置；）

 

发现：

productionSourceMap: true,

将值改为false；

结果：dist文件大小为2M多，（还未放线上测试,是否有副作用）。

查看dist/static/js下的js文件，.map文件，问题解决？！

.map文件的作用：使得打包压缩加密过后的文件，准确输出代码出错行列。