vue项目打包部署
前些时候写了一个vue商城的小项目可是呢他的体积太大了在运行上线模式的时候光运行就花了好长时间,原因是因为项目的体积太大了所以运行起来就耗费时间。
所谓时间就是金钱,时间就是生命啊。所以我们不能浪费金钱和生命。那么就通过分散资源来减小项目体积吧。
一.使用CDN的方法
第一步就是分开生产环境和开发环境
1.1因为main.js是打包文件所以运行npm run build生产环境不太方便。所以我们要在src目录项新建两个js文件。
把main.js分别拷贝到这两个文件中去,然后删除main.js
1.2现在这两个文件的内容是一样的,要区分开生产环境文件和开发环境文件。
当我想要运行npm run serve 的时候是运行dev_env.js
而我运行npm run buil的时候运行prod_env.js
所以要在项目目录项新建一个vue.config.js文件加入以下代码
module.exports={
chainWebpack:config=>{
config.when(process.env.NODE_ENV === 'production',config=>{
config.entry('app').clear()