作為前兩篇的補(bǔ)充，本文想再說明一下npx命令相關(guān)的另一種實(shí)現(xiàn)。

成都創(chuàng)新互聯(lián)公司是一家朝氣蓬勃的網(wǎng)站建設(shè)公司。公司專注于為企業(yè)提供信息化建設(shè)解決方案。從事網(wǎng)站開發(fā)，網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站模板，微信公眾號(hào)開發(fā)，軟件開發(fā)，微信小程序，10年建站對(duì)成都服務(wù)器租用等多個(gè)方面，擁有豐富的網(wǎng)站維護(hù)經(jīng)驗(yàn)。

NPM Scripts

在前面的文章中，我們提到使用如下命令方式：

npx webpack ......

于是，位于“./node_modules/.bin/webpack”便會(huì)被執(zhí)行。這得益于npx這個(gè)命令。

其實(shí)，還有另外一種方式，更為常用，即借助于npm run命令和package.json配置文件中的“scripts”鍵。

示例

請(qǐng)看下面的配置文件：

{
  "name": "ex1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.29.5",
    "webpack-cli": "^3.2.3"
  }
}

注意，其中的scripts這一組鍵/值對(duì)?，F(xiàn)在，再在命令行下運(yùn)行如下命令：

npm run build

來代替使用前面的npx命令，也能達(dá)到同樣的效果。即webpack會(huì)自動(dòng)被執(zhí)行，而且會(huì)根據(jù)根目錄下的webpack.config.js內(nèi)容進(jìn)行編譯并打包。

這種思路更為典型！如果你分析他人的作品，是不是發(fā)現(xiàn)大多是使用這種組織方式？

補(bǔ)充

如果您使用的是npm 5，您可能還會(huì)在目錄中看到一個(gè)名字為package-lock.json的文件。具體故事，還是請(qǐng)自行網(wǎng)搜Npm吧。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前標(biāo)題：Webpack快速入門（三）-創(chuàng)新互聯(lián)
路徑分享：http://weahome.cn/article/eipcj.html