Vue 产品定制 用最小的代价实现差异化打包

• 运行NPM拆分

根据需要将产品拆分成一个标准版和多个定制版，修改package.json，将老版本的内容替换成新版本，也可以同时存在。记得安装cross-env，执行npm i cross-env -D。就可以了

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", --老版本
    "dev:standard": "cross-env BRANCH_ENV=standard webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",  -- 新版本
    "dev:orange": "cross-env BRANCH_ENV=orange webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",  -- 新版本
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js",  -- 老版本
    "build:standard": "cross-env BRANCH_ENV=standard node build/build.js",  -- 新版本
    "build:orange": "cross-env BRANCH_ENV=orange node build/build.js"  -- 新版本
  },

• 目录调整

之前的目录就不放了，就是vue-cli自动生成的目录结构，新结构如下：

App.vue文件中有一处关键点，注意是两个点

• 优化配置文件

最关键的地方来了，配置文件需要相应的调整下：

好了，至此已经完成，感谢您的支持