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源映射指向错误文件的问题。

相关内容

热门资讯

有挂一下!九九联盟辅助在,广西... 有挂一下!九九联盟辅助在,广西老友玩辅助,好像真的有挂(哔哩哔哩)九九联盟辅助在能透视中分为三种模型...
详细一下!雀友会广东潮汕辅助有... 详细一下!雀友会广东潮汕辅助有开挂,约战大同辅助,总是是有挂(哔哩哔哩);1、打开软件启动之后找到中...
专业一下!微乐小程序外辅助工具... 专业一下!微乐小程序外辅助工具,欢乐茶馆辅助,一直是真的有挂(哔哩哔哩)1、不需要AI权限,帮助你快...
辅助一下!道游互娱辅助,填大坑... 辅助一下!道游互娱辅助,填大坑辅助器视频,其实是真的有挂(哔哩哔哩)一、填大坑辅助器视频可以开透视的...
必备一下!潮娱乐鱼虾蟹公式辅助... 您好,潮娱乐鱼虾蟹公式辅助软件这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
总结一下!圣游科技,博雅红河西... 总结一下!圣游科技,博雅红河西元红河挂,确实真的是有挂(哔哩哔哩)1、许多玩家不知道博雅红河西元红河...
分享一下!福建微乐小程序修改器... 分享一下!福建微乐小程序修改器,大懒人斗十四辅助,其实真的有挂(哔哩哔哩)小薇(辅助器软件下载)致您...
解迷一下!天天贵阳游戏辅助,衢... 解迷一下!天天贵阳游戏辅助,衢州都莱罗松辅助器,都是是真的有挂(哔哩哔哩)1、天天贵阳游戏辅助模拟器...
教你一下!青橙竞技游戏辅助,决... 教你一下!青橙竞技游戏辅助,决战卡五星辅助器,都是有挂(哔哩哔哩)亲,关键说明,青橙竞技游戏辅助透视...
普及一下!微信卡五星辅助器,海... 普及一下!微信卡五星辅助器,海盗来了大白辅助,都是是有挂(哔哩哔哩)1、在微信卡五星辅助器插件功能辅...