为什么 我用 webpack 搭建好相应的环境之后在命令行运行 webpack 老是说 未找到该命令

Question

我在项目目录里面 安装了 webpack, node_modules文件加夹里面也有了webpack文件夹,然后我相应的 webpack-config.js里面的配置也写好了,最后在项目目录运行 webapck 命令行却老是说 webpack:为找到命令;到底什么原因嘛?

Answer 1

npm install -g webpack就好了

Answer 2

没添加到path，可以全局安装，也可以到指定webpack。node_modules/.bin/目录里面应该有，./node_modules/.bin/webpack可以运行。

================== 补充下 ===============
推荐用script

#package.json
{
  "scripts": {
    "complie": "webpack --progress --colors",
  }
}

直接npm run complie就可以了。额，complie名字取的有点怪...不要在意这些这些。

Answer 3

想要在命令行里运行 webpack

1. 全局安装 npm i -g webpack，具体项目的话，不推荐这种方式，因为不同项目可能依赖不同的版本。

2. 本地安装 npm i --save-dev webpack

   • 使用 npm scripts 运行

     package.json

     {
         "name": "xxx",
         "version": "xxx",
         "scripts": {
             "build": "webpack --config webpack.config.xxx.js",
         }
     }

     运行命令 npm run build

   • 使用 ./node_modules/.bin/webpack 运行

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

   • 安装 npm-run 来运行，简化上面一种 webpack 调用方式

     `npm i -g npm-run`
     
     `npm-run webpack --config webpack.config.xxx.js`
     

Answer 4

需要全局安装 webpack。

不过推荐在 package.json 里面添加 script，然后就可以运行项目内局部 webpack 了：

$ npm run webpack

Answer 5

1. 全局安装webpack

2. 在package.json中添加script（推荐）

Answer 6

你确定全局安装好webpack了吗？
webpack --version试试有没出现版本号。