Autoprefixer导致node-sass的源映射指向错误的文件。
创始人
2024-09-23 20:30:50
0

要解决"Autoprefixer导致node-sass的源映射指向错误的文件"问题,可以尝试以下解决方案:

  1. 更新Autoprefixer和node-sass库到最新版本。有时旧版本的库可能存在一些已知的问题,通过更新库可以解决问题。

  2. 禁用Autoprefixer的源映射功能。在Autoprefixer配置中,设置sourceMap: false可以禁用源映射。这样Autoprefixer将不会修改源映射文件的路径。

    autoprefixer({
      sourceMap: false
    })
    
  3. 自定义Autoprefixer的源映射路径。在Autoprefixer配置中,可以设置map: { inline: false }以及to: 'desired/file/path.css'来指定源映射文件的路径。

    autoprefixer({
      map: { inline: false },
      to: 'desired/file/path.css'
    })
    
  4. 确保在使用node-sass编译样式之前先执行Autoprefixer。Autoprefixer应该在node-sass之前被调用,这样源映射文件的路径就不会被修改。

    const autoprefixer = require('autoprefixer');
    const sass = require('node-sass');
    
    const result = sass.renderSync({
      file: 'style.scss',
      outputStyle: 'compressed',
      sourceMap: true,
      outFile: 'style.css',
      sourceMapContents: true,
      sourceMapEmbed: true,
      functions: {
        'autoprefixer($args...)': function() {
          const prefixed = autoprefixer.process.apply(autoprefixer, arguments);
          return sass.types.String(prefixed.css);
        }
      }
    });
    
    fs.writeFileSync('style.css', result.css);
    fs.writeFileSync('style.css.map', result.map);
    

这些解决方案可以根据具体情况进行调整和组合使用,以解决Autoprefixer导致node-sass源映射指向错误文件的问题。

相关内容

热门资讯

重要通知!哈糖大菠萝可以开挂吗... 重要通知!哈糖大菠萝可以开挂吗,WePoKer辅助器,AI教程(有挂技巧);哈糖大菠萝可以开挂吗软件...
透视工具"poker... 透视工具"pokermaster破解版"详细辅助安装教程(起初存在有挂)1、玩家可以在pokerma...
透视美元局"如何下载... 透视美元局"如何下载wpk透视版"详细辅助解密教程(总是是有挂)是一款可以让一直输的玩家,快速成为一...
盘点一款!wejoker黑侠辅... 盘点一款!wejoker黑侠辅助器,pokemmo手机版脚本,2025新版教程(有挂教程)科技教程也...
透视线上"德普之星辅... 透视线上"德普之星辅助器"详细辅助黑科技教程(最初是有挂);大神普及一款德州ai内幕,确定了德普之星...
发现一款!wepoker开辅助... 发现一款!wepoker开辅助能查到吗,hhpoker免费透视脚本,新2025教程(有挂辅助);建议...
透视辅助"wepok... 透视辅助"wepokerplus脚本"详细辅助AI教程(素来真的有挂);玩家必备必赢加哟《13670...
信息共享!hhpoker有透视... 信息共享!hhpoker有透视功能吗,德州hhpoker脚本,揭秘教程(有挂透明);1.hhpoke...
透视代打"大菠萝免费... 透视代打"大菠萝免费辅助"详细辅助软件教程(都是是真的有挂)1、很好的工具软件,可以解锁游戏的ai质...
分享个大家!hhpoker破解... 分享个大家!hhpoker破解工具,哈糖大菠萝软件下载,微扑克教程(有挂辅助);大神普及一款德州ai...