vue项目上线打包的优化和部署以及vue懒加载的使用

项目优化

1.在src目录下创建prod_env.js和dev_env.js两个文件

操作：将main.js中的代码分化到两个文件中，并删除main.js文件

2.在根目录下创建vue.config.js文件

编写如下代码

module.exports={
    chainWebpack:config=>{
        config.when(process.env.NODE_ENV === 'production',config=>{
            config.entry('app').clear().add('./src/prod_env.js')
        })
        config.when(process.env.NODE_ENV === 'development',config=>{
            config.entry('app').clear().add('./src/dev_env.js')
        })
    }
}

作用：当用户输入npm run build命令时，打包文件会将prod_env.js作为入口文件，用做上线打包，反之，当用户输入 npm run serve 命令时，打包文件会将dev_env.js作为入口文件，用做开发环境打包

3.引入CDN节点

原因：因为文件里已经通过import引入了很多包。所以体积会较大，打包的时候，加载速度就会变慢