初識npx
學習 react-creact-app
的的時候 npx create-react-app my-react-app
,create-react-app
這個模塊是全局安裝顽分,npx
可以運行它绘沉,而且不進行全局安裝蛔糯。npx
將create-react-app下載到一個臨時目錄,使用以后再刪除悔常。所以护赊,以后再次執(zhí)行上面的命令,會重新下載create-react-app舀武。
能否用npx解決我的問題
我當前全局環(huán)境的 webpack
是4.0拄养,開發(fā)的一個項目使用的webpack
2.0,開的項目是多頁面银舱,常使用 webpack --config webpack.config.js
來構建頁面瘪匿,其中的webpack
會使用全局的 webpack
版本,而不是當前項目的 webpack
寻馏,這樣構建就會報錯柿顶。
解決方法一:
../../node_modules/.bin/webpack --config webpack.config.js
這個方法可以使用,但是項目中頁面很多操软,使用這個命令需要清楚的知道當前的頁面路徑嘁锯,找到正確的node_modules文件夾才可以。
解決方法二
使用 npx
聂薪,npx
的原理很簡單家乘,就是運行的時候,會到 node_modules/.bin
路徑和環(huán)境變量$PATH里面藏澳,檢查命令是否存在仁锯。如果存在就用當前項目下的模塊。
# 項目的根目錄下執(zhí)行
$ ../../node-modules/.bin/webpack --config webpack.config.js
npx 就是想解決這個問題翔悠,讓項目內部安裝的模塊用起來更方便业崖,只要像下面這樣調用就行了。
$ npx webpack --config webpack.config.js
npx有木有很贊??