2016-08-16 119 views
2

添加一個CSS文件索引我有以下結構如何使用HtmlWebpackPlugin

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

目前我使用的HtmlWebpackPlugin到角文件夾添加到應用程序。現在我想要一種在模板中包含主要樣式的方法,在轉換之後。我看了看文檔,似乎並不像我可以導出只提供了一個擴展name

我該怎麼做?

回答

2

我通過包括手寫筆,裝載機,風格裝載機和CSS-裝載機這樣做......

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

然後只是把它作爲一個單獨的塊

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

這將是一個JS文件,但仍然加載頁面加載。