vuecli4 一个工程 打包成多个项目

1、创建一个项目

vue create hello-world
cd hello-world
yarn serve

2、创建vue.config.js 文件
要打包成2个项目分别是A项目和B项目

const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV);
let appName =  process.argv.slice(0).reverse()[0].replace('--', '');
let outputPath = appName === 'B?'B':'A'
console.log(appName)
module.exports = {
    publicPath: IS_PROD?'../'+outputPath+'/':'./',
    outputDir: 'dist/'+outputPath,
    assetsDir: 'static',
    lintOnSave: true,
    runtimeCompiler:true,
    productionSourceMap: true,
    pages: {
        index: {
            entry: 'src/views/' + appName + '/main.js',
        }
    },
    
}

3、创建项目路径


项目A和B

4、package.json 配置


配置项目A和B

5、编译和打包
npm run serve_A 运行A项目
npm run serve_B 运行B项目

npm run build_A 打包A项目
npm run build_B 打包B项目

打包后文件路径
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容