WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

基于nodejs配置webpack：

1、安装nodejs环境，安装方法可以参考node环境怎么安装？

2、安装webpack和webpack-cli

cnpm install –save-dev webpack
cnpm install –save-dev webpack-cli

这里的参数–save是要保存到package.json中，dev是在开发时使用这个包，而生产环境中不使用。

开发环境and生产环境：

开发环境：在开发时需要的环境，这里指在开发时需要依赖的包。

生产环境：程序开发完成，开始运行后的环境，这里指要使项目运行，所需要的依赖包。

npm install -d 就是 npm install --save-dev 安装到开发环境 例如 gulp ，babel，webpack 一般都是辅助工具

npm insatll -s 就是npm install --save 安装到生产环境 如 vue ,react 等

devDependencies：开发环境使用

dependencies：生产环境使用

例如：webpack，gulp等打包工具，这些都是我们开发阶段使用的，代码提交线上时，不需要这些工具，所以我们将它放入devDependencies即可。

但是像jquery这类插件库，是我们生产环境所使用的，所以如要放入dependencies，如果未将jquery安装到dependencies，那么项目就可能报错，无法运行，所以类似这种项目必须依赖的插件库，我们则必须打入dependencies中。