如何安装webpack

1、安装NPM安装webpack需要用到npm，npm是什么呢？其实就是NodeJS的包管理工具。因为我们试用各种框架会需要依赖多种JS代码包，如果需要就到网上搜索下载解压安装，会很繁琐，于是npm就应运而生。它是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。开发者将自己编写的包或者命令行程序上传到NPM服务器，供别人下载安装使用。由于新版NodeJs已经集成npm，所以安装NodeJs的时候npm就已经安装好。 查看npm版本： 在命令行工具(使用window系统，命令行工具安装git bash）中输入npm -v

3、Index.css和主逻辑文件.app.js,以及作为模块文件module.js。将来app.js 和 module.枣娣空郅js都会整合到将来生成的bundle.js文件中，index.html直接引用bundle.js文件就可以了。webpack.config.js是webpack的配置文件，稍后会详细说明。 原材料准备好了，接下来我们就开始正式安装webpack了。

4、（1）首先要在根目录下生成package.json文件，它会显示以后我们通过npm安装的各种依赖包，我们通过终端进入根目录，执行：npm init

6、package.json生成好了我们先放一放。２、接下来通过全局安装webpack在终端执行cd —退出项目目录，回到全局，然后执行npm -install -g webpack这样就安装好了webpack，可以通过webpack -v来查看是否安装成功。

8、如果看到了这一页说明局部安装webpack成功了。此时根目录下会出现一个node_modules文件夹。

11、如上图，提示我们已经安装成功了，此时在看package.json文件，会发现与之前有所不同：