如何将外部CSS文件导入JS捆绑包？

Question

我有此配置用于CSS加载：

  {
    test: /\.css$/,
    use: [
      {loader: "style-loader"},
      {
        loader: "css-loader",
        options: {
          modules: true,
          importLoaders: 1,
          sourceMap: true
        }
      }
    ]
  }

从上面可以看出，它使用CSS模块。 一切似乎都正常。

但是，除了我在代码中创建和使用的CSS规则外，还有一些第三方CSS附带的第三方库leafletjs 。

我想我只是想以某种方式导入它，而不将其重组为CSS模块。

我该如何做才能将该外部样式表注入到我的JS bundle输出文件中？

Answer 1

npm install leafletjs并添加includePath及其路径选择：

{
    test: /\.css$/,
    use: [
      {loader: "style-loader"},
      {
        loader: "css-loader",
        options: {
          modules: true,
          importLoaders: 1,
          sourceMap: true,
          includePath: './node_modules/path/to/your/library'
        }
      }
    ]
  }