npx的一个日常使用

初识npx
学习 react-creact-app 的的时候 npx create-react-app my-react-appcreate-react-app 这个模块是全局安装,npx 可以运行它,而且不进行全局安装。npx 将create-react-app下载到一个临时目录,使用以后再删除。所以,以后再次执行上面的命令,会重新下载create-react-app。
能否用npx解决我的问题
我当前全局环境的 webpack 是4.0,开发的一个项目使用的webpack2.0,开的项目是多页面,常使用 webpack --config webpack.config.js 来构建页面,其中的webpack 会使用全局的 webpack 版本,而不是当前项目的 webpack,这样构建就会报错。
解决方法一:

../../node_modules/.bin/webpack --config webpack.config.js

这个方法可以使用,但是项目中页面很多,使用这个命令需要清楚的知道当前的页面路径,找到正确的node_modules文件夹才可以。
解决方法二
【npx的一个日常使用】使用 npxnpx 的原理很简单,就是运行的时候,会到 node_modules/.bin 路径和环境变量$PATH里面,检查命令是否存在。如果存在就用当前项目下的模块。
# 项目的根目录下执行 $ ../../node-modules/.bin/webpack --config webpack.config.js

npx 就是想解决这个问题,让项目内部安装的模块用起来更方便,只要像下面这样调用就行了。
$ npx webpack --config webpack.config.js

npx有木有很赞??

    推荐阅读