首页
前端开发
Webpack
NamedModulePlugin命名模块插件

NamedModulePlugin命名模块插件

0 次浏览 0 条评论
zip
zip

命名模块的 Webpack 插件，挺适合懒人或者命名控的。用NamedModulePlugin，你就能把模块起个顺口的名字，到处 import 都轻松多了。比如写个Button组件，不用老是../../components/Button地找路径，直接import Button from 'button'，看着就清爽。

有点像给 Webpack 加了个“认识人名”的能力，你把'button'注册成啥，它就记住了。万一你没起这个名字，它也不会炸，还是会乖乖从node_modules那套老路径里找，比较智能。

要用也不复杂，Webpack 配置里加上：

plugins: [
  new NamedModulePlugin()
]

还可以加个test字段，来限制哪些模块启用这个命名功能。比如：

plugins: [
  new NamedModulePlugin({
    test: /^@[a-zA-Z0-9]+/
  })
]

适合那种项目结构比较规整，想统一管理别名的场景。嗯，和alias不冲突，可以一起用。如果你在折腾模块路径、写死路径烦得不行，这插件还蛮值得一试的。

zip 文件大小：3.3KB