ant design pro中通过chainWebpack配置hash格式
时间: 2023-09-10 18:15:52 浏览: 126
在 ant design pro 中,你可以通过修改 `config/config.js` 文件中的 `chainWebpack` 方法来配置 hash 格式。
以下是一个示例,演示如何配置 hash 格式为 8 位长度的十六进制字符串:
```javascript
const path = require('path');
export default {
chainWebpack: (config) => {
config.module.rule('js').use('babel-loader').tap((options) => {
options.cacheDirectory = false;
return options;
});
config.output.filename(`js/[name].[hash:8].js`).end();
config.output.chunkFilename(`js/[name].[hash:8].chunk.js`).end();
config.plugin('extract-css').tap(() => [
{
filename: `css/[name].[hash:8].css`,
chunkFilename: `css/[name].[hash:8].chunk.css`,
},
]);
config.plugin('copy').tap(() => [
[
{
from: path.resolve(__dirname, '../public'),
to: path.resolve(__dirname, '../dist'),
ignore: ['index.html'],
},
],
]);
},
};
```
在上面的示例中,我们修改了输出的 JavaScript 文件名、CSS 文件名以及复制文件的文件名格式,通过使用 `[hash:8]` 来指定 hash 的格式为 8 位长度的十六进制字符串。
请注意,以上代码假设你使用的是 ant design pro 的默认配置文件 `config/config.js`。如果你的项目结构或配置文件有所不同,请根据实际情况进行相应的修改。
阅读全文