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

Question

我有以下结构

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

目前我使用 HtmlWebpackPlugin 将 angular 文件夹添加到应用程序中。现在我想要一种在模板中仅包含主要样式的方法。我查看了文档，似乎我不能 export 仅提供一个扩展名 a name。

我该怎么做呢？

Answer 1

我通过包含 stylus-loader、style-loader 和 css-loader 来做到这一点......

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

然后将其作为单独的块包含在内

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

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