使用Webpack为多页应用程序编译所有资产

Question

过去，我一直使用Gulp或Grunt创建用于构建应用程序的任务。编译.pug个文件，.scss个文件，ES6等...

现在我到了Webpack，我喜欢这样一个事实，它会基于require语句在我的一个输入文件中自动注入脚本和样式标签。

我知道有足够多的样板使用一种解决方法，该样板可以像这样编译所有视图文件：

const templates = glob.sync(path.join(paths.pages, '**/*.@(html|pug)')).map(filename => {
    return {
        filename, name: path.relative(path.join(paths.pages), filename).replace(/\.(html|pug)$/, '')
    }
});

//..

...templates.map(t => new HtmlWebPackPlugin({
    filename: `${t.name}.html`,
    template: t.filename,
}))

是否可以对SCSS文件执行相同操作，或者每个页面都有一个入口文件？

想像一个具有数百个视图的Web应用程序，而不是单页应用程序，是否每个视图都需要一个入口文件？

我只想自己插入script和link标签。

我知道我可以创建一个单独的gulp任务来编译所有SCSS，但是我想将所有内容都放在一个地方，以便可以使用webpack-dev-server。