vue项目打包配置开发、上线（环境）和部署

第一步 前台和后台开发一点是分开来开发

1.那么前台肯定得自己做一个开发时的接口来伪造假数据来传输验证。等后台开发完成后直接待用他们的接口来结合。
所以我们需要2个入口文件，一个是开发时打包的，另一个时项目上线时打包的。

2.开发阶段引入的插件等都是利用npm 命令下载到本地电脑上，等到了项目上写阶段为了让项目体积变小，我们应该把依赖改为<script>来引用网上的

一. 创建入口文件

• 在src目录下新建prod_env.js和dev.env.js
• 将main.js中的代码分别拷贝到这俩个文件中，并删除main.js

二 . 配置打包时的入口文件
在项目跟目录新建vue.config.js

• npm run serve 开发时
• npm run build 打包时
• 在使用 npm run serve 时 去打包prod_env.js入口文件
• 在使用npm run build 时 去打包dev_env.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')
        })
    }
}