資訊專欄INFORMATION COLUMN
摘要：我用開發(fā)，這個的是可以很好的執(zhí)行并行或者串行的腳本的，比如我們來看下我這個在下的正常執(zhí)行的代碼段這里我執(zhí)行可以并行處理和，而執(zhí)行后面的這個名領(lǐng)的時候又可以觸發(fā)執(zhí)行，然后再次觸發(fā)對應的三個命令。我暫時不關(guān)心他多層調(diào)用的問題。
我用MacOS開發(fā)，這個npm的scripts是可以很好的執(zhí)行并行或者串行的腳本的，比如我們來看下我這個在MacOS下的正常執(zhí)行的scripts代碼段：
"scripts": {
"dev": "webpack --watch --config webpack.dev.js & npm run s",
"build": "webpack --config webpack.prod.js",
"prod": "webpack --config webpack.prod.js & npm run s",
"lint": "eslint --ext ./src/*.js",
"lintfix": "eslint --fix ./src/*.js",
"sa": "nodemon ./servers/51la/server.js",
"sb": "nodemon ./servers/jump/server.js",
"sc": "nodemon ./server.js",
"s": "npm run sa & npm run sb & npm run sc"
},
這里我執(zhí)行npm run dev可以并行處理webpack --watch --config webpack.dev.js和npm run s，而執(zhí)行后面的這個名領(lǐng)的時候又可以觸發(fā)執(zhí)行npm run sa & npm run sb & npm run sc，然后再次觸發(fā)對應的三個命令。我暫時不關(guān)心他多層調(diào)用的問題。
重點：其他人用Windows就完蛋了
怎么個完蛋法，Windows下不支持該方式，執(zhí)行了webpack --watch --config webpack.dev.js就停止了，為了解決跨平臺兼容問題。我也是找了幾個相關(guān)的解決方案，比如npm-run-all、Concurrently、parallelshell、cross-env等等，不過綜合測試總結(jié)了一下，concurrently還是很方便的。于是使用這個工具，調(diào)整了scripts就解決了問題：
"scripts": {
"dev": "concurrently "webpack --watch --config webpack.dev.js" "npm:s-*"",
"build": "webpack --config webpack.prod.js",
"prod": "webpack --config webpack.prod.js & npm run s",
"lint": "eslint --ext ./src/*.js",
"lintfix": "eslint --fix ./src/*.js",
"s-a": "nodemon ./servers/51la/server.js",
"s-b": "nodemon ./servers/jump/server.js",
"s-c": "nodemon ./server.js",
"s": "npm run sa & npm run sb & npm run sc",
}
這樣就解決了，但是如果遇到串行，也就是按順序執(zhí)行（MacOS下只需要將&換成&&即可），貌似又無法解決？所以這塊在跨平臺的處理上可能還要看看有沒有辦法。
相關(guān)閱讀：
How can I run multiple npm scripts in parallel?
4 Solutions To Run Multiple Node.js or NPM Commands Simultaneously
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105677.html
摘要：跟現(xiàn)在的類似的，把命令行工具從的核心代碼中剝離了。和都能使用獨立出來的命令行工具。是無法做出相應的區(qū)分的。之前的中，在我們傳入一個通配符和可選參數(shù)后，我們可以再指定一個任務數(shù)組或者一個回調(diào)函數(shù)用來處理事件數(shù)據(jù)。 原文鏈接：The Complete-Ish Guide to Upgrading to Gulp 4 雖然Gulp4始終在開發(fā)中，但是你要堅信在將來的某一天你一定可以等到它的正...
摘要：前同事留下的測試，是基于瀏覽器的，主要還是功能測試。這里不詳細說怎么在瀏覽器端使用測試了。而且作者也是建議和支持這樣做的，簡單明了的測試腳本，重要性有時候可能和測試本身一樣重要。經(jīng)測試，在瀏覽器也有這種問題。 2016-09-03 更新 隨著在工作學習中更多地接觸、使用測試工具，發(fā)現(xiàn)自己在本文中的一些記錄是不準確、不正確的。 今天（九月三日）在家看了 NingJs 的直播，其中有一個分...
摘要：單元測試，測試一個簡單的組件。接口測試，用戶信息接口測試。學習借鑒，一些使用做測試的開源項目。這里使用到的內(nèi)置斷言斷言結(jié)果值等于我們想要的預期值，則測試通過。在里放入一個函數(shù)，函數(shù)自動執(zhí)行，里面執(zhí)行的結(jié)果必須拋出錯誤，則測試通過。 目錄 1、為什么選擇 AVA ？2、API 概覽。3、準備工作。4、單元測試，測試一個簡單的工具函數(shù)。5、使用 Promise、Async/await、Ob...
摘要：所以這里需要另外的操作來對文件加載進行優(yōu)化加載這是中定義的一個屬性，它用來表示的是，當渲染引擎遇到的時候，如果引用的是外部資源，則會暫時掛起，并進行加載。 在js引擎部分，我們可以了解到，當渲染引擎解析到script標簽時，會將控制權(quán)給JS引擎，如果script加載的是外部資源，則需要等待下載完后才能執(zhí)行。 所以，在這里，我們可以對其進行很多優(yōu)化工作。 放置在body底部 為了讓渲染引...
閱讀 3417·2021-11-25 09:43
閱讀 3471·2021-11-19 09:40
閱讀 2478·2021-10-14 09:48
閱讀 1295·2021-09-09 11:39
閱讀 1933·2019-08-30 15:54
閱讀 2829·2019-08-30 15:44
閱讀 2003·2019-08-29 13:12
閱讀 1550·2019-08-29 12:59
