5.html-webpack-plugin插件的使用

最新推荐文章于 2022-11-25 01:48:47 发布

于丸

最新推荐文章于 2022-11-25 01:48:47 发布

阅读量116

点赞数

分类专栏： webpack

本文链接：https://blog.csdn.net/Ych_cxy/article/details/100031751

版权

webpack 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

//安装
cnpm i html-webpack-plugin -D

//在src下新建一个模板index.html
//插件做的事情是在内存中创建一个index.html并引入打包后的js文件

//此时webpack.config.js变成如下
let path = require("path")
let hwp = require("html-webpack-plugin")
module.exports = {
	//开发服务器的配置
	devServer:{
		port:3000,
		progress:true,
		contentBase:'./dabao'
	},
	mode:"development",
	entry:"./src/index.js",
	output:{
		filename:"build.js",
		path:path.resolve(__dirname,'dabao')
	},
	plugins:[
		new hwp({
			template:"./src/index.html"
		})
	]
}