上一篇我们解释了webpack是什么,以及webpack、node和npm的关系。
现在说明webpack的安装和配置。
1)安装Node.js
安装webpack之前检查Node是否安装:
node -v
说明:具体安装Node.js过程可以查看菜鸟教程:Node.js 安装配置 | 菜鸟教程。
2)安装webpack
安装Node之后,安装webpack(可指定安装版本,也可不指定):
npm install webpack@3.6.0 -g
// -g指的是全局安装
npm install webpack@3.6.0 --save-dev
// --save-dev指安装开发时依赖
注意:npm install webpack -g命令用于全局安装webpack模块。然而,从webpack 4开始,webpack的命令行接口(CLI)已经被迁移到了一个单独的包webpack-cli中。所以在安装了webpack之后仍然提示需要安装webpack-cli。
要解决这个问题,您需要安装webpack-cli。可以通过以下命令进行安装: