写模板字符串.html文件用的WebPack

我有一个简单的入门文件中像所谓的user.js的：写模板字符串.html文件用的WebPack

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文件，但它不具有可变styles东西在它。

有没有人有这方面的解决方法？我需要使用我的scss文件中的样式信息编译我的HTML文件。

来源

2015-07-10 Benjamin Solum

也许html-webpack-plugin会为你工作。你会把Handlebars模板推到更高的水平。该插件可以自动为您写入所需的参考。

来源

2015-07-11 17:17:59

感谢您的回复。我尝试了html-webpack-plugin，但无法将样式变量获取到文件中。但是，我是Webpack的新手，所以有可能我没有正确配置它。如果我能使它工作，我会玩弄它并标记这个答案是正确的。 –

据我可以告诉html-webpack-plugin，我根本没有办法将另一个加载器中的值作为模板的可变数据传入。除非我错过了什么？你有配置示例吗？ –

通过插件的问题跟踪器询问问题可能会更好。另见https://github.com/ampedandwired/html-webpack-plugin/pull/41。 –

写模板字符串.html文件用的WebPack

回答

相关问题