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 文件内容如下:

image.png

 

感谢阅读~~

原文地址:https://www.cnblogs.com/sese/p/9852005.html