如何將外部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'
        }
      }
    ]
  }