Question

我在config文件夹和node_modules / react-scripts / config文件夹中都更改了webpack.config.dev.js和webpack.config.prod.js，以允许这样的CSS模块：

test: /\.css$/,
loader: ExtractTextPlugin.extract(
  Object.assign(
    {
      fallback: require.resolve('style-loader'),
      use: [
        {
          loader: require.resolve('css-loader'),
          options: {
            importLoaders: 1,
                        modules: true,
                        localIdentName: '[name]__[local]__[hash:base64:5]'

当我使用npm start在开发模式下运行我的应用程序时，它运行良好，并且CSS模块正确应用。

但是，当我build我的应用程序并将其部署到Firebase时，CSS样式消失了。

这是常见问题吗？我该怎么解决？

Answer 1

如果您升级到react-scripts版本2，则无需弹出即可完成这项工作。该构建将自动与CSS模块一起使用。我建议您使用v2

将您的react-scripts升级到yarn upgrade react-scripts@latest

然后重新运行yarn build，查看部署是否正常运行。您无需为此修改Webpack配置。

部署到Firebase时，CSS模块无法样式化我的应用程序。创建React应用

1 个答案: