webpack安装配置

						你可以变得更好,加油

安装webpack的前提是必须安装nodejs 直接在 nodejs官网下载安装即可;
第一步:
首先需要安装全局:
1.直接在cmd中输入 nmp install webpack -g 就可以了
2.安装完之后可能会提示你安装cli 直接yes回车等待即可,如果没有提示则需要手动安装cli
直接输入npm install -g webpack -cli 即可
3.现在输入webpack -h 试一试吧 会出现一堆东西就是安装好了

注意 如果感觉npm比较慢的话可以安装淘宝镜像
**npm install -g cnpm --registry=https://registry.npm.taobao.org**

第二步:
建立项目依赖:
①:手动创建webpack项目 (一个文件夹)
②:创建一个package.json文件,用于保存项目版本,依赖关系等
在当前目录使用命令提示符创建都可以 如果要是自己配置的话需要配置一下的属性

{
 	"name":"testwp",             //项目名称
 	"version":"1.0.0",             //版本号
 	"description":" ",               //项目描述
 	"main":"index.js",              //项目入口文件
 	"scripts":{                          //指定运行脚本命令的npm命令行缩写
 						"test":"echo\"Error:no test specified\"&& exit 1"
				},
	"author":"zyp",                   //作者 
	license:ISC,                       //许可证
	"devDependencles":{         //项目依赖
									"webpack":"^2.21"
								}
}

用命令提示符 npm init 一直回车就ok 都是默认的就可以 如果有需要 设置的话就在设置就可以了。
第三步:
在当前项目下安装 webpack

npm install webpack --save-dev

到这里 最简单最基本的配置已经OK了
第四步:
创建一个名字为src的目录,网站中的所有资源都会在这个目录下,并在这个文件下新建入口文件index.js
第五步:
直接在命令提示里面运行

webpack --mode development 或者(prouction)
这样就完成了配置 你就可以去用你的webpack打包你的代码了

配置出口文件等的其他配置 会持续更新

我可以输给任何人,就是不能输给我自己

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值