Javascript 使用Webpack将模板字符串写入.html文件

我有一个名为user.js的简单输入文件，如下所示：

var styles   = require('../scss/user.scss'),
    template = require('../pages/user.hbs');
    html     = template({ styles: styles });

我想将

html

的内容写入.html文件。以下是webpack.config.js文件中的加载程序：

loaders: [
    {
        test: /\.hbs/,
        loader: 'file?name=[name].html!handlebars-loader'
    },
    {
        test: /\.scss$/,
        loader: ExtractTextPlugin.extract('style-loader', 'css?localIdentName='+ (process.env.NODE_ENV == 'prod' ? '__[hash:base64:5]' : '[local]__[hash:base64:5]') +'&sourceMap!autoprefixer?browsers=last 2 versions!sass?outputStyle=expanded')
    }
]

通过这种方式，user.hbs文件被写入user.html文件，但其中没有

样式

变量

---

有人对此有解决办法吗？我需要用我的scss文件中的样式信息编译HTML文件。

可能适合您。您可以将把手模板推到更高的级别。该插件可以自动为您编写所需的参考资料。

谢谢您的回复。我尝试了html网页包插件，但无法将样式变量放入文件中。然而，我是新的网页，所以我可能没有正确配置它。如果我能让它工作的话，我会把这个答案标记为正确的。就我所知，使用html网页包插件，我根本无法将来自另一个加载程序的值作为模板的变量数据传入。除非我遗漏了什么？你有一个配置示例吗？最好通过插件的问题跟踪程序来询问。另见。