nodejs npm webpack
安装NPM安装webpack需要用到npm，npm是什么呢？其实就是NodeJS的包管理工具。因为我们试用各种框架会需要依赖多种JS代码包，如果需要就到网上搜索下载解压安装，会很繁琐，于是npm就应运而生。它是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。开发者将自己编写的包或者命令行程序上传到NPM服务器，供别人下载安装使用。由于新版NodeJs已经集成npm，所以安装NodeJs的时候npm就已经安装好。 查看npm版本： 在命令行工具(使用window系统，命令行工具安装git bash）中输入npm -v
安装webpack接下来就开始一步一步安装使用webpack先创建项目目录结构,
Index.css和主逻辑文件.app.js,以及作为模块文件module.js。将来app.js 和 module.js都会整合到将来生成的bundle.js文件中，index.html直接引用bundle.js文件就可以了。webpack.config.js是webpack的配置文件，稍后会详细说明。 原材料准备好了，接下来我们就开始正式安装webpack了。
（1）首先要在根目录下生成package.json文件，它会显示以后我们通过npm安装的各种依赖包，我们通过终端进入根目录，执行：npm init
然后终端会让我们输入一堆信息，随便写即可。最后输入yes确认，会发现我们的根目录下自动生成了一个package.json文件。内容就是一堆json数据，基本就是我们刚才在终端里输入的信息，大致如下：
package.json生成好了我们先放一放。２、接下来通过全局安装webpack在终端执行cd —退出项目目录，回到全局，然后执行npm -install -g webpack这样就安装好了webpack，可以通过webpack -v来查看是否安装成功。
3.然后我们进入项目根目录局部安装webpack，进入项目根目录，执行：npm install webpack —save-dev
如果看到了这一页说明局部安装webpack成功了。此时根目录下会出现一个node_modules文件夹。
以后我们在根目录下通过npm安装的各种依赖包都会默认安装到这个文件夹下面。 至此，webpack框架就安装准备好了。
使用webpack（1）loader加载器webpack是通过loader加载器来管理使用各种插件和工具的，比如我们要使用less，就要通过npm安装less-loader加载器，然后在之前提到的 webpack.config.js文件中进行配置使用，我们要是使用es6语法，就要安装babel-loader来解析成js语法。接下来以less-loader为例，在根目录执行：npm install less-loader —save-dev
如上图，提示我们已经安装成功了，此时在看package.json文件，会发现与之前有所不同：
没错，它显示了我们刚才局部安装的webpack和less-loader依赖项。文件默认安装到了node_modules目录下。表示我们已经可以使用less-loader了。