首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让scss / sass / css-loader不解析url调用?(WebPack内部)

在WebPack内部,可以通过配置scss/sass/css-loader来控制不解析url调用。具体步骤如下:

  1. 在Webpack配置文件中,找到对应的module.rules规则,即处理样式文件的规则。
  2. 在该规则中,找到对应的scss/sass/css-loader配置项。
  3. 在该配置项中,添加options选项,并设置其中的url参数为false,表示不解析url调用。

以下是一个示例的Webpack配置文件:

代码语言:txt
复制
module.exports = {
  // ...其他配置项

  module: {
    rules: [
      {
        test: /\.(scss|sass|css)$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              url: false // 不解析url调用
            }
          },
          'sass-loader'
        ]
      },
      // ...其他规则
    ]
  },

  // ...其他配置项
};

通过以上配置,scss/sass/css-loader将不会解析样式文件中的url调用,而是将其视为普通的字符串处理。这在某些情况下可能会有用,例如当样式文件中的url调用需要由其他方式进行处理时。

请注意,以上配置仅适用于Webpack内部的scss/sass/css-loader,对于其他工具或平台可能需要进行不同的配置。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券