加载调试本地loader

在开发loader的过程中,为了测试编写的loader能否正常工作,需要将它配置到webpack中,才可能调用该loader,为此,需要先将编写的loader发布到npm仓库,再安装到本地项目中使用,但这种方法会很麻烦,解决以上问题的便捷方法有如下两种:

npm link 专门用于开发和调试本地的npm 模块,能做到在不发布模块的情况下,将本地的一个正在开发的模块的源码链接到项目的node_modules目录下,让项目可以直接使用本地的npm模块,由于是通过软链接的方式实现的,编辑了本地的npm模块的代码,所以在项目中也能使用到编辑后的代码。
完成nom link的步骤如下:

  • 确保正在开发的本地npm模块的package.json已经正确配置好;

  • 在本地的npm模块根目录下执行npm link,将本地模块注册到全局;

  • 在项目根目录下执行npm link loader-name,将第二步注册到全局的本地npm模块链接到项目的node_modules下,其中的loader-name是指在第一步的package.json文件中配置的模块名称

链接好loader到项目后我们就可以像使用一个真正的npm模块一样使用本地的loader了

ResolvelLoader

ResolvelLoader用于配置webpack如何寻找loader,它在默认情况下只会去node_modules
目录下寻找,为了让webpack加载放在本地项目中的loader,需要修改resolveloader.modules。
假如本地项目的loa

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值