Vue项目优化

根据if条件判断，插件只会在生产阶段生效。

通过命令行模式

通过可视化UI面板

运行vue ui-& gt；任务->；构建完成-& gt；分析

Vue项目* * *的开发模式和发布模式默认使用同一个包入口文件，就是src/main.js为了将项目的开发过程和发布过程分开，可以指定两种打包入口。

开发模式为src/main-dev.js。

发布模式为src/main-prod.js。

修改webpack配置的两种方式是configureWebpack和chainWebpack，功能相同，但使用方式不同。

vue .配置. js

默认情况下，import导入的第三方依赖项会打包到同一个文件中，这样会导致文件过大，影响加载速度。通过配置externals节点，将需要全局导入的第三方依赖项排除在打包文件之外，可以有效减少打包体积。

声明方法是依赖包名:注册名。注册的名称必须与引入CDN资源后窗口上挂载的对象名称一致。您可以使用console.log(窗口)打印该对象的名称。如果在窗口上找不到由注册名称指定的对象，将会出现一个空白屏幕。另外，如果窗口上挂载的导入CDN资源的对象名类似于xx-xx-xx(不符合js对象命名规范)，则该资源不能通过CDN导入，只能导入。

vue .配置. js

Config.plugin('html ')使用html插件向模板传递参数。

钢性铸铁

射流研究…

如果isProd为true，将导入CDN资源。

只有在访问路由时，才会加载相应的资源文件。建议不要将每个路由单独打包，而是通过webpackChunkName为多个路由指定同一个包文件，这样可以减少请求的数量。

路由器/index.js

完整配置

vue .配置. js

主产品. js

引入CDN后，导入风格的句子会被评论或删除，只保留导入JS的句子。