How to add a CSS file to index using HtmlWebpackPlugin

Question

I have the following structure

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

Currently I use the HtmlWebpackPlugin to add the angular folder to the application. Now I want a way to include just the main styles, after transpilation, in the template. I looked at the documentation and it doesn't seem like I can export provides an extension only a name.

How do I do this?

Jackie · Accepted Answer · 2016-10-11 15:28:01Z

2

I did this by including the stylus-loader, style-loader, and css-loader...

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

Then just include it as a separate chunk

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

It will be a JS file but still load on page load.

answered Oct 11, 2016 at 15:28

Jackie

24k43 gold badges178 silver badges340 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add a CSS file to index using HtmlWebpackPlugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related