road2.0多页面输入,分页面给html,自动引入的js,css添加hash

228 阅读1分钟

最终期望结果

image.png

image.png

每个html都可单出自动引入自己加hash的jss,css

整体项目目录结构

image.png

各个插件版本

rodadhog2.0,这里使用^2.5.0-beta.4 webpack3 (由于roadhog2.0支持的webpack最高版本是3)这里使用的是^3.12.0 webpack-cli2 这里使用2.1.5 html-webpack-plugin3 这里使用3.2.0

.webpackrc.js配置

注意由于是多页面输出,又是分包添加, 1.不需要再在.webpackrc.js中配置template 主要配置如下:

image.png

package.json重要截图

image.png

image.png

image.png