如何使用HtmlWebpackPlugin将CSS文件添加到索引

如何使用HtmlWebpackPlugin将CSS文件添加到索引,webpack,stylus,html-webpack-plugin,Webpack,Stylus,Html Webpack Plugin,我有以下结构 src angular ... test.ts test.pug test.styl stylus main.styl 目前,我使用HtmlWebpackPlugin将angular文件夹添加到应用程序中。现在我想要一种方法,在透明化之后,在模板中只包含主要样式。我看了一下文档,似乎无法导出仅提供了一个扩展 我如何做到这一点?我通过包括手写笔加载程序、样式加载程序和css加载程序来做到这一点 { test: /

我有以下结构

src
  angular
    ...
      test.ts
      test.pug
      test.styl
  stylus
    main.styl
目前,我使用HtmlWebpackPlugin将angular文件夹添加到应用程序中。现在我想要一种方法,在透明化之后,在模板中只包含主要样式。我看了一下文档,似乎无法导出仅提供了一个扩展


我如何做到这一点?

我通过包括手写笔加载程序、样式加载程序和css加载程序来做到这一点

 {
    test: /\.styl$/,
    loader: "style-loader!css-loader!stylus-loader"
 }
然后把它作为一个单独的块包含进去

entry: {
  ...
  styles: ['my.styl']
},
它将是一个JS文件,但仍然在页面加载时加载