Question

我不想捆绑字体和图片，但我需要sourceMaps 我有这个配置（无关的部分省略）：

output: {
   path: './build/',
   publicPath: 'http://localhost:3000/',
   filename: '[name].js'
},

module: {
  loaders: [
    { test: /\.scss$/, loaders: ['style','css?-url,sourceMap', 'sass?sourceMap'] }   
  ]
}

使用此配置，我在Chrome中遇到了多个错误：

Failed to decode downloaded font: http://localhost:3000/
(index):1 OTS parsing error: invalid version tag

我为类似的问题阅读了很多答案和一些解决方案： 1.摆脱源地图＆＃39; - 它工作正常，字体正确显示但是......没有sourceMaps 2.将publicPath更改为URL - 完成它

我找不到任何允许我在bundle外部加载字体的解决方案，并且使用带有sourceMaps的CSS ...

Answer 1

我只是想通了。解决方案的关键是ExtractTextPlugin，它可以生成普通的链接标记，而不是＆＃39; blob＆＃39;并且所有字体都工作超级，css是外部的（当它们很大时甚至更好），源地图工作。如果有兴趣的话，这是我的完整配置：

/plugins

是否可以在Webpack中加载SASS而不将字体BUT与源映射捆绑在一起？

1 个答案: