弹出的create_react_app&构建(生产)css无法正常工作

时间:2017-06-24 15:50:28

标签: css reactjs webpack create-react-app

我有一个从create_react_app创建的应用程序然后弹出,没有任何修改。

运行开发版时,一切都按预期工作。

不幸的是,当我执行npm run build并通过serve -s build运行时,我的样式无效。

正在查找.css文件并将其编译为单个缩小版本。但问题是生成的标记是将类名称前缀更改为'T - '而不是编译的.css文件中的前缀。 (即)MyApp-header被更改为T-header,但在缩小的css文件中,它仍然引用MyApp-header。

prefix changed to T-

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

这个问题原来是由于使用它的一些细微差别......

  

@SuitCssify.decorator

我正在评估此库以便在项目中使用,并且在尝试生成实际生产版本之前没有发现此问题。

我已经放弃了这种方法,并改变了我的配置,使用“CSS模块”,效果很好。我会提供一个链接,但我的声誉只允许每个帖子一个链接。 ;(

my 'webpack.config.[dev & prod].js' changes to enable css modules