vue项目配置开发阶段/发布阶段的打包入口模式

首页>> web前端 >>vue项目配置开发阶段/发布阶段的打包入口模式 - 前端笔记

2020-3-25

分类： web前端

文章作者：痴迷

1.在项目的根目录中 vue.config.js 2. vue.congif.js中添加以下代码 &......

1.在项目的根目录中 vue.config.js
2. vue.congif.js中添加以下代码

      思路：
          1.通过chainWebpack 链式编程的方式
          2通过process.env.NODE_ENV 判断是开发阶段还是发布阶段发布模式 production 开发模式development

		module.exports = {
	
		  chainWebpack: config => {
	
		    //发布模式   找main-prod.js  进行入口文件打包
	
		    config.when(process.env.NODE_ENV === 'production', config => {
	
		      //entry找到默认的打包入口，调用clear则是删除默认的打包入口
	
		      //add添加新的打包入口
	
		      config
	
		        .entry('app')
	
		        .clear()
	
		        .add('./src/main-prod.js')
	
		    })
	
		    //开发模式   找 mian-dev.js   进入入口文件打包
	
		    config.when(process.env.NODE_ENV === 'development', config => {
	
		      config
	
		        .entry('app')
	
		        .clear()
	
		        .add('./src/main-dev.js')
	
		    })
	
		  }
	
		}