Not picking up config?

Probably something I did wrong though I followed a guide.

// craco.config.js
const path = require("path")
module.exports = {
  output: {
    chunkFilename: '[id]CCCCCC.js',
    path: path.resolve(__dirname, 'dist')
  }
}

//package.json
  "scripts": {
    "build": "craco build",
  },

Then I tried to build it:

C:\dev\projects\myApp>npm run build

> myApp build C:\dev\projects\myApp
> craco build

  540.62 KB  build\static\js\main.97530591.chunk.js
  333.75 KB  build\static\js\2.4b6e91f0.chunk.js
  7.44 KB    build\static\css\main.0eb1ccc4.chunk.css
  775 B      build\static\js\runtime-main.9d14031a.js

But it still gets built into the build folder, not dist, and neither do chunks have CCCCCC in the name. I tried few other settings like filename, but also not picking up.

[bihongbin3027]

craco.config settings：

module.exports = {
    webpack: {
    configure: {
      output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js',
      },
    },
  },
}

It produced the build directory at the same time as the dist directory and produced an error：

File sizes after gzip:

ENOENT: no such file or directory, open ‘C:\Users\Admin\Desktop\ibfweb\build\run time-main.js’ error Command failed with exit code 1.

[patricklafrance]

If you still want to do it, I suggest you override the webpack config manually using:

module.exports = {
    webpack: {
        configure: { /* Any webpack configuration options: https://webpack.js.org/configuration */ },
        configure: (webpackConfig, { env, paths }) => { return webpackConfig; }
    }
}

The following should work:

module.exports = {
    webpack: {
        configure: {
               output: {
                    chunkFilename: '[id]CCCCCC.js',
                    path: path.resolve(__dirname, 'dist')
               }
        }
    }
}

More info at: https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#configuration-overview