如何使用HtmlWebpackPlugin
问题描述:
添加一个CSS文件索引我有以下结构如何使用HtmlWebpackPlugin
src
angular
...
test.ts
test.pug
test.styl
stylus
main.styl
目前我使用的HtmlWebpackPlugin到角文件夹添加到应用程序。现在我想要一种在模板中包含主要样式的方法,在转换之后。我看了看文档,似乎并不像我可以导出只提供了一个扩展name。
我该怎么做?
答
我通过包括手写笔,装载机,风格装载机和CSS-装载机这样做......
{
test: /\.styl$/,
loader: "style-loader!css-loader!stylus-loader"
}
然后只是把它作为一个单独的块
entry: {
...
styles: ['my.styl']
},
这将是一个JS文件,但仍然加载页面加载。