众所周知，vue运行及打包命令：npm run dev 、npm run build.vue脚手架工程，每次只能运行一个服务，如果有两个工程，需要两套vue脚手架，同理，有10套工程就要10套vue脚手架。楼主工作中遇到的情况就是如此，由于项目的需要，产品的不同模块对应后端不同的打包地址，因此，前端就需要将不同的页面进行打包，进而衍生出多个vue工程。请看下图：

如图上所示，每一个工程都有一套自己的vue脚手架。
楼主是个懒人，只想要一套vue脚手架，启不同的工程，怎么办？改配置啊！看了2天webpack，然后就开工啦！！！
再看优化后的文件目录，下图：



执行命令：npm run dev:one,可以看到其中的一个工程成功启动。

那么这是如何配置的呢？楼主为了不破坏原来的webpack配置文件（build）,新建了build_one文件夹，此处是配置多套工程的文件。
整套工程源码：

链接：https://pan.baidu.com/s/1CSo4V-MQtTDON1J4leR4Eg 提取码：8mbh
复制这段内容后打开百度网盘手机App，操作更方便哦

使用指南+说明：

1.工程壳子: 通过配置不同的执行文件来执行不同的工程。

2.配置的实现与解析： 新建了build_one文件夹，它下面就是工程壳子的配置文件。（启动项目的文件和打包项目的文件都在这里） 核心文件：index.js 含有启动与打包的路径信息。（目前前端的项目地址已定，后端暂无打包地址）
src : 前端的文件路径信息 buildsrc : 后端的文件路径信息

build.js  
  引用了index.js  使用name : 前端的文件名 提示哪个项目在打包  
  				-税务公共正在打包...
  
vue-loader.conf.js  
  引用了index.js  使用src : 前端的文件路径信息
  
webpack.base.conf.js  
  引用了index.js  使用src : 前端的文件路径信息
  
webpack.dev.conf.js   
  引用了index.js  使用name : 前端的文件名 
  Your application ' 税务公共 ' is running here: http://localhost:8080

config--index.js    
  引用了index.js     使用buildsrc: 前端的打包路径信息
package.json     
  配置scripts    新增dev:one  build:one  
main.js  
  import ElementUI from '../../node_modules/element-ui' 	
  import '../../node_modules/element-ui/lib/theme-chalk/index.css' 	
  import setFmoney from './common/js/setFmoney' 	
  import toolTip from './common/js/toolTip' 	
  Vue.prototype.setFmoney=setFmoney 	
  import Icon from '../../node_modules/vue-svg-icon/Icon.vue' //引入

3.使用方式：
1.修改build_one文件夹下的index.js module.exports = {
srcConfig: tax_ztftax<------修改这个名字 }
2.脚本 npm run dev:one ------启动项目
npm run build:one ----打包项目
4.启动后，修改build_one下的index.js配置，可以启动其他工程。

好了，就介绍到这里了。留个印记再走哦~