外部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があります。

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