webpack - 使用 css-loader 6 加载语义 ui-css 的问题

Question

在尝试使用 css-loader 6 加载语义 ui-css 时，我收到以下错误：

 failed: UnhandledSchemeError: Reading from "data:application/x-font-ttf;charset=utf-8;;base64,...

看起来 utf-8 之后的第二个分号导致了这个问题。删除第二个分号后没有编译错误，但语义 ui 图标停止工作。

但是，将 css-loader 降级到 5.2.7 解决了这个问题。有没有更好的方法来解决这个问题？

Answer 1

错误可能是由于语义.min.css 中的双分号引起的

临时（但不是很好）的解决方案：sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css &&在你的启动/构建脚本前面添加package.json，如果你有一个达尔文操作系统，你必须把它放在sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css &&前面。您还可以编写一个简单的 shell 脚本来完成这项工作：

CHECK_OS="`uname -s`"
if [[ "$CHECK_OS" = "Darwin" ]]; then
    sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
    sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
else 
    sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
    sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
fi