【Vue】通过ChainWebpack自定义打包入口

1.新建main-dev.js和main-prod.js

复制main.js的内容，新建两个main-dev.js和main-prod.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/main-prod.js')
        })
        config.when(process.env.NODE_ENV === 'development',config => {
            config.entry('app').clear().add('./src/main-dev.js')
        })
    }
}

文件结构

3.打开vue ui

打开vue-ui,然后进入vue ui界面点击左侧最后一个按钮“任务”，点开serve和build并运行