1-2 webapack4配置-webpack如何使用配置文件打包?

1.在项目中新建一个文件 webpack.congig.js
2.配置入口entry(你所需要打包文件的路径)
3.配置出口 output
webpack.congig.js里的代码如下:
(在项目中新建一个public文件夹,里面新建一个index.js文件,假设我要把这个index.js文件打包)

const path = require('path');


module.exports = {
	// path指文件打包后存放的路径
	entry:'./public/index.js',
	output:{
		//path.resolve()方法将路径或路径片段的序列处理成绝对路径
		//__dirname表示当前文件所在目录的绝对路径
		path:path.resolve(__dirname,'build'),
		//filename是打包后的文件名称
		filename:'bundle.js'
	}
}

4.在终端输入命令npm run dev
之后在项目里就会自动出现一个build文件夹,里面有bundle.js文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值