如何在vue项目中配置你自己的启动命令和打包命令

前文

在开发中，通常会需要和后台做一些开发调试， 本地开发， 和线上观测
这时 如何用一套代码 加上 几个命令来轻松的做到这些？

准备

首先除vue项目外 我们还需要安装几个额外的包来帮助我们
这只是在 vue-cli2 中的配置 当然 vue-cli3 也可以通过如下方法来配置一些环境

 npm i cross-env shelljs -D

• cross-env 可以帮助我们更好的来使用更好的来使用 process.env 里的指令，并且各个环境唯一化
• shelljs 可以让我们用js在操作 shell 命令

首先建一个 shell 操作的文件 如config.url.js 目的帮助我们将不同环境目录 copy 到同一个文件中

var shell = require('shelljs');

console.log("ENVIRONMENT VARIABLES IS",process.env.NODE_URL);

shell.rm('-rf',['./dist','./dist.*']);

if (process.env.NODE_URL === 'DEV') {
  shell.cp('-R', './src/config/dev.env.js', './src/config/env.js')
}

if (process.env.NODE_URL === 'DEV_TEST') {
  shell.cp('-R', './src/config/dev.prod.env.js', './src/config/en