小编hun*_*acd的帖子

我已经使用 Create-React-App 版本 3.4.1 启动了我的应用程序，并使用 Craco 版本 5.6.4 对 CRA 提供的 Webpack 配置进行修改。由于特定的客户期望超出了我的控制范围，我需要最终确定build/js/main.js文件build/css/main.css结构。我已经成功地与 Craco 一起根据需要修改文件输出，只是我最终得到了 CSS 文件的附加副本，并添加了块哈希。

这是我的craco.config.js：

const { POSTCSS_MODES } = require('@craco/craco');
const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  style: {
    postcss: {
      mode: POSTCSS_MODES.file,
    },
  },
  webpack: {
    configure: {
      optimization: {
        splitChunks: {
          cacheGroups: {
            default: false,
          },
        },
        runtimeChunk: false,
      },
      plugins: [
        new webpack.optimize.LimitChunkCountPlugin({
          maxChunks: 1,
        }),
        new MiniCssExtractPlugin({
          filename: 'css/[name].css',
        }),
      ],
      output: …