Vue通过ChainWebpack自定义打包入口

Posted 2022-12-01 写Bug的渣渣高

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并运行