javascript - webpack

Question

1.为什么在项目里面npm i --save-dev webpack-dev-server
然后webpack-dev-server提示找不到命令
npm i -g --save-dev webpack-dev-server
然后webpack-dev-server才有效
那是不是就没有必要在项目里面下载server了

2.还有个问题是npm ls为什么没有列出下载的模块, 我该如何管理模块?

Answer 1

全局安装与本地安装

• -g是全局安装
  安装完后webpack-dev-server在环境变量指定的 PATH 中，所以可以在终端中直接访问。

查看环境变量：

$ echo $PATH

查看全局安装的位置：

$ whereis webpack-dev-server

• 不带-g是本地安装
  本地安装会将 npm 包安装到当前目录的 node_modules,终端无法直接访问，需要使用npm script。

查看依赖

npm ls的问题，该命令是列出当前目录下的node_modules的 npm 包，所以要进入到工程先，全局的使用npm ls -g.

Answer 2

当你在命令行敲下 webpack-dev-server 是会在全局的node_modules寻找webpack-dev-server,这就需要npm -g了

如果你想npm install 不带-g,而又想运行webpack-dev-server的话,你需要在npm script中写webpack-dev-server xxxxxx,这时候会在当前项目的node_modules里面寻找webpack-dev-server