css-modules 公共样式需要提前加载，否则会导致样式无法被覆盖等问题 about react-app

[pdsuwwz]

存在的问题：比如，在公共（全局）样式含有对 body 的一些重置样式，那么在某个页面中也对 body 进行修改的话会出现无法覆盖公共样式的问题

[pdsuwwz]

线索： import 的默认【提升】问题和 css-modules 的导入方式。

[pdsuwwz]

解决方案：
第一步，将公共样式从 scss 更改为 css
第二步，将该样式文件导入一个 js 中
第三步，在 webpack 配置的入口顶部优先引入该 js 文件（注意加载顺序）

如下：

entry: {
  bundle: ['@babel/polyfill', './src/styles/index.js', './src/script/app.js'],
},