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文件

猜你喜欢

转载自blog.csdn.net/xt_123456/article/details/106038299
1-2