config-overrides.js 中override传参设置publicPath
时间: 2023-12-10 18:05:18 浏览: 34
在 `config-overrides.js` 中,可以通过调用 `getBabelLoader` 方法获取到 babel-loader 的配置对象,然后在其中设置 `publicPath`。以下是一个示例:
```js
const { getBabelLoader } = require('customize-cra');
module.exports = function override(config, env) {
const babelLoader = getBabelLoader(config);
babelLoader.options.publicPath = 'https://your-cdn.com/';
return config;
}
```
上面的代码中,我们首先引入了 `getBabelLoader` 方法,然后通过调用该方法获取到了 babel-loader 的配置对象 `babelLoader`。接着,我们在 `babelLoader.options` 中设置了 `publicPath` 的值为 `https://your-cdn.com/`,即设置了打包后静态资源文件的路径。最后,返回修改后的 `config`。
相关问题
config-overrides.js
config-overrides.js是一个用于定制webpack配置的文件。它使用了customize-cra库提供的override函数来修改webpack配置。在这个文件中,我们可以通过添加不同的webpack插件和loader来自定义项目的构建过程。\[1\]在这个文件中,我们可以使用addWebpackAlias函数来添加别名,使用resolve函数来解析路径。\[1\]另外,我们还可以使用addLessLoader函数来添加Less样式的loader,以及其他一些自定义配置。\[2\]此外,我们还可以使用fixBabelImports函数来按需引入antd组件,使用overrideDevServer函数来修改开发服务器的配置。\[3\]总之,config-overrides.js文件允许我们根据项目的需求来定制webpack配置,以满足特定的功能和性能要求。
#### 引用[.reference_title]
- *1* *2* [react不使用eject的配置方法(config-overrides复现vue项目全部配置)](https://blog.csdn.net/qq_21567385/article/details/108383083)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [React脚手架config-overrides.js文件的配置](https://blog.csdn.net/m0_59962790/article/details/130034838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
config-overrides配置outputDir
config-overrides.js 是一个可以用来覆盖 create-react-app 默认配置的文件。如果你想要修改 outputDir 配置,你可以在 config-overrides.js 文件中添加以下代码:
```javascript
const path = require('path');
module.exports = function override(config) {
// 修改 output 目录
config.output.path = path.join(__dirname, '../your-custom-output-dir');
return config;
}
```
注意,上述代码中的 `your-custom-output-dir` 应该替换为你自己想要的输出目录。同时,这个路径应该是相对于项目根目录的。
如果你想要深入了解如何使用 config-overrides.js 文件来修改 create-react-app 的默认配置,可以参考 [customize-cra](https://github.com/arackaf/customize-cra) 库的文档。