create-react-app npm 运行 构建错误 css 命令
create-react-app npm run build wrong css order
我进入了我的index.js
import './styles/index.css';
import './styles/responsive.css';
index.css 包含浏览器桌面样式,而 responsive.css 将在屏幕变小时覆盖,就像在移动设备中一样。
在开发中这工作得很好,但是在 运行ning npm 运行 build 之后使用编译的 css 会使响应式样式混乱。尝试调试后,我发现在 build/static/css/main*.chunk.css 中,来自 responsive.css 的条目先于 index.css,这就造成了问题。
有什么办法可以解决这个问题吗?我可以将 responsive.css 组合成 index.css 但我觉得这只是一种解决方法
我相信你的问题没有答案。如果你 google 'wrong css order' 你可能会发现 github 超过 2 年的 webpack 问题。像那个 https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/548 还有很多其他的
我通过将样式合并到一个文件中解决了这个问题。我使用 scss
所以做了类似的事情:
// main.scss
@import 'globals';
@import 'responsive';
并在 js
import main.scss
我进入了我的index.js
import './styles/index.css';
import './styles/responsive.css';
index.css 包含浏览器桌面样式,而 responsive.css 将在屏幕变小时覆盖,就像在移动设备中一样。 在开发中这工作得很好,但是在 运行ning npm 运行 build 之后使用编译的 css 会使响应式样式混乱。尝试调试后,我发现在 build/static/css/main*.chunk.css 中,来自 responsive.css 的条目先于 index.css,这就造成了问题。
有什么办法可以解决这个问题吗?我可以将 responsive.css 组合成 index.css 但我觉得这只是一种解决方法
我相信你的问题没有答案。如果你 google 'wrong css order' 你可能会发现 github 超过 2 年的 webpack 问题。像那个 https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/548 还有很多其他的
我通过将样式合并到一个文件中解决了这个问题。我使用 scss
所以做了类似的事情:
// main.scss
@import 'globals';
@import 'responsive';
并在 js
import main.scss