Vue项目完成后，如何具体操作以实现项目优化效果？

本文共计1069个文字，预计阅读时间需要5分钟。

目录

一、为开发模式与发布模式指定不同的打包入口

二、通过externals加载外部CDN资源

三、通过CDN优化ElementUI的打包

四、首页内容定制

五、使用路由懒加载

目录

• 一、为开发模式与发布模式指定不同的打包入口
• 二、通过externals加载外部CDN资源
• 三、通过CDN优化ElementUI的打包
• 四、首页内容定制
• 五、使用路由懒加载

一、为开发模式与发布模式指定不同的打包入口

vue ui创建的项目，隐藏了webpack配置，可以在src根目录新建一个vue.config.js配置文件。在配置文件中向外导出配置对象。

2.默认情况下，vue项目的开发模式和发布模式，共用一个打包的入口文件即（src/main.js）。可以使用configureWebpack或chainWebpack来定义webpack的打包配置

把main.js文件改为main-dev.js。