如何將外部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包輸出文件中？

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' 
     } 
     } 
    ] 
    }