dva重新配置loader的方法,以图片配置为例。

本文档详细介绍了在dva项目中如何重新配置webpack的loader,特别是针对图片加载器。首先,需要找到并修改node_modulesaf-webpacklibgetConfig.js文件,通过设置urlLoaderExcludes排除特定图片。然后,在.webpackrc.js中添加新的图片loader配置,可以选择file-loader或url-loader。接下来,更新getConfig.js中的config对象以合并新规则。在遇到启动服务时的rules未定义错误后,通过跟踪错误定位到getUserConfig/index.js和getPlugins.js,发现缺少配置文件。创建./configs/rules.js文件并添加相关配置,最终启动服务成功,图片loader配置生效。
摘要由CSDN通过智能技术生成
  • 找到 node_modules\af-webpack\lib\getConfig.js 文件,我们查看里面module配置代码,可以发现图片loader使用的是url-loader并options.limit 已经配置为10000,且输出目录已确定。
{
    exclude: [/\.(html|ejs)$/, /\.json$/, /\.(js|jsx|ts|tsx)$/, /\.(css|less|scss|sass)$/, ...(opts.urlLoaderExcludes || [])],
    loader: require.resolve('url-loader'),
    options: {
      limit: 10000,
      name: 'static/[name].[hash:8].[ext]'
    }
}
复制代码
  • 通过图片loader 代码
exclude: [/\.(html|ejs)$/, /\.json$/, /\.(js|jsx|ts|tsx)$/, /\.(css|less|scss|sass)$/, ...(opts.urlLoaderExcludes || [])],
复制代码

我们得出配置urlLoaderExcludes 可以先将我们要重新配置的文件正则排除。 .webpackrc.js


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值