webpack1--安装与初始化

webpack可用于打包所有的脚本，图片，样式表及其他资源。

今天来讲一下如何安装webpack 及 创建package.json。webpack依赖于npm和 node，所以本文是假设你已安装好了node 和 npm 的情况下进行的。

npm 安装包可分为 全局安装 和 局部安装。

全局安装的命令为：npm i *** -g

局部安装的命令为：

npm i *** -D (-D 等价于 --save-dev，安装到开发环境，表示devDependencies )

或者

npm i *** --S  (-S 等价于 --save，安装到发布环境，表示dependencies ) 

devDependencies是只会在开发环境下依赖的模块，生产环境不会被打入包内。

而dependencies依赖的包不仅开发环境能使用，生产环境也能使用。

上面的***表示你要安装的npm包的名字。

国内访问npm可能比较慢，建议使用淘宝镜像。淘宝镜像传送门>>

 

准备工作已完毕。下面直接说webpack了。

 

1.安装webpack 和 webpack-cli（建议局部安装）

全局安装：

npm install -g webpack
npm install -g webpack-cli

 

局部安装，在你当前文件夹目录下执行下面命令：

npm install --save-dev webpack
npm install --save-dev webpack-cli

 

安装完成可通过下面语句查看版本号：

node_modules/.bin/webpack -v

卸载webpack查看：https://segmentfault.com/q/1010000015200625

 

2.初始化生成package.json

执行下面命令：

npm init -y

package.json 文件内容如下：

 

感谢阅读~~