webpack命令局部运行的几种方法

webpack命令局部运行的几种方法

 

1. 第一种，先全局安装webpack

命令：npm install -g webpack

而后再在项目内安装

命令：npm install webpack --save-dev

这样在项目内就能够直接使用webpack命令了，运行的倒是局部的webpack

 

2.第二种，直接在局部安装webpack，利用package.json设置中的scripts属性

命令： npm install webpack --sava-dev / yarn add webapck

若是只是单纯的在局部安装webpack，你在cli（命令行界面）里输入webpack你会发现webpack ： command not found，该命令不存在，具体缘由暂时讲不清楚，之后研究研究再来补充。

咱们能够利用package.json配置中的scripts属性来运行webpack命令，使用方法以下：

"scripts": {

"test": "webpack-dev-server --inline"

}

如此设置，而后在cli里利用npm run test，这样就至关于执行了webpack-dev-server --inline命令了。

 

3.第三种，node_modules/.bin/webpack

这个方法和第二种方法同样，都是只在局部安装webpack，可是不须要利用package.json的scripts属性。

项目内安装完webpack之后，直接在cli里输入node_modules/.bin/webpack便可以达到运行webpack命令的效果。去.bin目录下看看能够发现里面有webpack相关的几个文件，经过该命令，咱们也能够大概知道这个命令是到.bin目录下去找到webpack,我一开始是这样理解的，因此我以为既然能够这样运行，为何不能够直接cd 到 .bin目录内去直接执行webpack命令呢？我尝试了下，很遗憾，仍是提示webpack ： command not found，因此我仍是有点困惑，但愿有大神能够解答一下~

 

4.新建一个index.js，内容以下：

const webpack = require('webpack');

webpack();

 

而后在cli里运行 node index.js便可

 

5.其余

除了上面这四种方法，应该还有其余方法，好比我了解的利用package.json的Bin属性等，但具体状况我还没尝试，等后续尝试了再来补充。

 

有理解错误的地方还望老司机指出，我会及时改正，以避免误导你们，谢谢~。