npx的一个日常使用

初识npx

学习 react-creact-app 的的时候 npx create-react-app my-react-app，create-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，npx 的原理很简单，就是运行的时候，会到 node_modules/.bin 路径和环境变量$PATH里面，检查命令是否存在。如果存在就用当前项目下的模块。

# 项目的根目录下执行
$ ../../node-modules/.bin/webpack --config webpack.config.js

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

$ npx webpack --config webpack.config.js

npx有木有很赞✌️