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

 

感谢阅读~~


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM