Vue项目打包后文件体积过大，主要原因是项目复杂度高和第三方库引入。通过.babelrc配置，局部引用Element-UI并禁用模块化，使dist文件减小1M多。进一步，通过修改productionSourceMap为false，减少.vender.js大小至2M多。.map文件用于源码映射，便于调试，但在生产环境中可考虑移除以减小文件大小。
H5:dist打包有8M左右.
原因：1）项目功能繁杂；2）选择任一地址等插件的下载；
#尝试解决方法：局部引用element-日期时间选择器。
1,（.babelrc）添加
"es2015", {
"modules": false
}
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
2，index.html引入在线样式：（<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">）
结果：dist小了1M多，
<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
