打包 - vue2.x - 有build、config文件夹

打包

Vue项目搭建成功后，config和build文件夹都存在
1、看一下package.json

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",

用npm run dev启动项目时，dev走的文件是build下面的webpack.dev.conf.js
2、看一下webpack.dev.conf.js

../config/dev.env

在config/dev.env文件中将我们想要切换的开发模式以及对应的地址
3、配置

'use strict'
const merge = require('webpack-merge')
const devEnv = require('./dev.env')
module.exports = merge(devEnv, {
  NODE_ENV: '"testing"',
  id : '"123"'
})

merge是把dev.env的变量也继承
4、使用

Console.log(process.env.id)

5、增加打包命令

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "test": "webpack-dev-server --inline --progress --config build/webpack.test.conf.js",
    "prod": "webpack-dev-server --inline --progress --config build/webpack.prod.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
    "build:prod": "node build/build.js"
    "build:test": "node build/build_test.js"
    "publish": "npm run build:test && npm run build:prod"
  },

在build文件夹中添加对应的webpack.prod.conf.js和webpack.dev.test.js，其中test文件复制prod文件,并且改路径
6、打包、启动命令

生产：npm run prod
开发：npm run dev
测试：npm run test
npm run build:prod构建正式环境包，文件存放在dist文件夹内
npm run build:test构建测试环境包，文件存放在test文件夹内
npm run publish同时构建测试环境和正式环境包