如何使用HtmlWebpackPlugin

Question

添加一个CSS文件索引我有以下结构

src 
    angular 
    ... 
     test.ts 
     test.pug 
     test.styl 
    stylus 
    main.styl 

目前我使用的HtmlWebpackPlugin到角文件夹添加到应用程序。现在我想要一种在模板中包含主要样式的方法，在转换之后。我看了看文档，似乎并不像我可以导出只提供了一个扩展name。

我该怎么做？

Answer 1

我通过包括手写笔，装载机，风格装载机和CSS-装载机这样做......

{ 
    test: /\.styl$/, 
    loader: "style-loader!css-loader!stylus-loader" 
} 

然后只是把它作为一个单独的块

entry: { 
    ... 
    styles: ['my.styl'] 
}, 

这将是一个JS文件，但仍然加载页面加载。