config-overrides配置静态资源访问路径
时间: 2023-12-10 08:02:41 浏览: 82
config-overrides.js 文件可以用于覆盖 Create React App 的默认配置。如果要配置静态资源访问路径,可以在 config-overrides.js 文件中添加如下内容:
```javascript
const path = require('path');
module.exports = function override(config, env) {
// 修改 publicPath
config.output.publicPath = '/your-custom-path/';
// 修改 file-loader 配置
const fileLoaderRule = config.module.rules.find(rule => rule.test.test('.svg'));
fileLoaderRule.exclude = path.resolve(__dirname, 'src/assets/svg');
const svgSpriteLoaderRule = {
test: /\.svg$/,
include: path.resolve(__dirname, 'src/assets/svg'),
use: [
{
loader: 'svg-sprite-loader',
options: {
symbolId: 'icon-[name]'
}
}
]
};
config.module.rules.unshift(svgSpriteLoaderRule);
return config;
};
```
其中,`config.output.publicPath` 可以配置静态资源访问路径,如 `/your-custom-path/`。
另外,如果你使用了 svg-sprite-loader 来处理 SVG 图标,还需要修改 file-loader 的配置,将 SVG 图标目录排除在外,并添加 svg-sprite-loader 的配置,具体代码可以参考上述例子。
阅读全文