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 文件内容如下:
感谢阅读~~