css与html同名,webpack4 下如何实现在页面没有引用css情况下自动将指定同名css文件link插入到同名html中...

如题：

webpack项目目录：

src

js

sass

index.scss

about.scss

index.html

about.html

module.exports = {

entry: {

index: './src/entry.js',

about: './src/js/about.js',

},

output: {

path: path.join(__dirname, "../dist/"),

filename: "js/[name].min.js?[hash]"

},

plugins: [

new HtmlWebpackPlugin({

filename: 'index.html',

template: "./src/index.html",

chunks: ["index"]

}),

new HtmlWebpackPlugin({

filename: 'about.html',

template: "./src/about.html",

chunks: ["about"]

}),

]

}

目前我使用以上配置实现了：同名js文件插入同名html，

Title

这是关于

如何实现scss编译后的csslink入html中呢？

像下面这样：

Title

这是关于