關於Vue項目運跨平臺問題—踩坑記_01

Vue項目跨平臺運行

前幾天，從同事手上接手了一個Vue的項目。（Ps：剛入職兩週，老哥還專門寫了一文檔給我，感謝）；
問題來了，從gitLab上面把項目上clone下來了，node環境什麼的都配置好了
node運行以後，提示錯誤，報錯信息以下：

> NODE_ENV=development webpack-dev-server --open --inline --hot

'NODE_ENV' 不是內部或外部命令，也不是可運行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR!  dev: `NODE_ENV=development webpack-dev-server --open --inline --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ubilltools@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:

一開始覺得是包的問題，安裝的時候出現過包的錯誤和警告。運用谷歌大法 ，也看了好幾篇博客，說的不是很詳細，。後面讓部門一樣的node環境運行沒有問題，經過查找博客說的是Mac平臺和Windows問題的。
明知道是個小問題，一開始不怎麼熟悉，浪費了一點時間。

"scripts": {
    "dev": "NODE_ENV=development webpack-dev-server --open --inline --hot",
    "build": "NODE_ENV=production webpack --progress --hide-modules"
  },

出現報錯的緣由是由於 windows平臺不支持這樣的寫法。要實現跨平臺經過node的一個模塊cross-env 來實現。

npm install cross-env

在package.json添加 cross-env 就能夠了：

"scripts": {
    "dev": " cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  }