weixin_60463255的博客

当打包构建项目时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。1 安装 @babel/plugin-syntax-dynamic-import 包2 在 babel.config.js 配置文件中声明该插件。//这是项目发布阶段需要用到的babel插件const prodPlugins = []if (process.env.NODE_ENV === 'prod...

问题：生成打包报告时，终端vue ui指令，通过可视化UI面板查看报告，在可视化的UI面板中，通过控制台和分析面板，看到项目中所存在的问题echarts,element-ui,quill等依赖项所占体积太大 控制台中显示，第三方依赖项占项目总资源的90%体积；速度统计面板，不同网络状态下，项目打开所消耗的时间都比较长；chunk-vendor.js文件占了1.9MB ，需要缩小这个文件的大小原因：默认情况下，通过import语法导入的第三方依赖包，最终会被打包...

默认情况下，vue项目的开发模式和生产模式共用一个打包的入口文件——src/main.js，为了将项目的开发过程与生产过程分离，我们可以分为两种模式，各自指定打包的入口文件：main-dev.js和main-prod.js，将src/main.js重命名为main-dev.js，并复制一份main-prod.js 在vue.config.js中通过chainWebpack节点自定义打包入口module.exports = { lintOnSave: false, chainWebpack: c