Question

我正在使用Webpack和下面的配置来编译我的CSS。在我的CSS中，我从NPM包导入一些CSS文件 - 例如@import '../../node_modules/slick-carousel/slick/slick-theme.scss'; - 包含无法解析的网址。

是否可以专门为这些导入的CSS文件禁用URL解析？因为我用自己的CSS覆盖了这些样式，所以我不需要Webpack来处理它们。

示例错误：

ERROR in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss
Module not found: Error: Can't resolve './ajax-loader.gif' in '/.../css'
@ ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib!./node_modules/sass-loader/lib/loader.js?{}!./src/css/style.scss 6:9840-9868
@ ./src/css/style.scss
@ ./src/js/app.js
@ multi ./src/js/app.js

摘自webpack.config.js：

{
    test: /\.(scss)$/,
    use: [
        'style-loader',
        {
            loader: 'css-loader',
            options: {
                minimize: false
            },
        },
        'postcss-loader',
        {
          loader: 'sass-loader',
          options: {
          }
        }
    ]
  }

Answer 1

css-loader是解析您的CSS并解析网址和@import()的加载程序，因此您需要确保不对{{1}中的任何文件使用css-loader }} 目录。您将需要两个单独的规则：

node_modules

忽略第三方CSS文件中的URL解析

1 个答案: