css解析在生产中失败

Question

我正在使用webpack集成构建react应用程序。在webpack.common.js文件中，

在入口路径中，我给了vendor.js和app.js和 这是我的供应商文件

import 'react'
import 'react-dom'

// third party libraries
import 'jquery'
import 'popper.js'
import 'bootstrap'
import 'bootswatch/dist/sketchy/bootstrap.min.css'

在构建生产时，它会失败并且出错

JisonParserError：第1行的解析错误：255px 25px 225px ... ------ ^

期待输入结束，“ADD”，“SUB”，“MUL”，“DIV”，在C：\ reactjs \ react-events-portal \ vendors~ vendor.css：13：90472得到了意想不到的“LENGTH”

如果我删除css bootswatch然后，构建工作正常。 bootswatch路径是正确的，但我不知道它是如何工作在开发模式而不是prod构建。

请帮忙

Answer 1

看看这个https://github.com/facebook/create-react-app/issues/6004它似乎是bootswatch bug。

Answer 2

这是Botswatch中Sketchy主题的一个问题。他们正在努力。 https://github.com/thomaspark/bootswatch/issues/878。等待新的版本。顺便说一句，如果你改变主题它的工作原