2021最新webpack5: html-webapck-plugin使用

P18 18-html-webapck-plugin使用
更新于: 2022-01-16 04:55:28

安装

npm i -D html-webpack-plugin
插件默认模板

常用配置选项

new HtmlWebpackPlugin({
  title:'Webpack5 App',
  template: 'public/index.html' // 这个可以写ejs语法
})
new webpack.DefinePlugin({
  BASE_URL: JSON.stringify("./")
})

webpack.DefinePlugin 工作原理

会把里面的key,对应的value,原封不动的扔出来,即把字符串外层去掉。

如果 直接写: BASE_URL = ‘./’,在经过处理后会变成:var url = ./ ,这样就会报错。

 

参考