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

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

1 个答案: