gulp 是否有类似webpack的alias的功能?

比如类似webpack的配置项

alias: {
    '@': resolve('src')
}

gulp能否将 '@'符号自动变成相对路径去引用?

比如 import a from '@/utils/index'
自动变成 import a from '../../utils/index' 这种的结构?

阅读 7.2k
1 个回答

首先,题主对 gulp 和 webpack 的理解存在一些偏差。

  • gulp 是一个 task runner,可以在 gulpfile.js 中定义多个任务,webpack 打包 js 的操作就可以作为一个任务定义在 gulpfile.js 中。gulp 自身是不会去处理 js 的引用和转义的。
  • webpack 是一个用来打包前端资源的工具,可以打包 js,css 和图片等。结合 npm scripts 的使用场景较多。

所以,题主应该先确认一下 gulpfile 中使用了哪个工具进行 js 的转义和打包,然后去找对应的工具中是否提供类似 alias 的配置项。如 babel 就一个 babel-plugin-module-resolver 的模块来实现模块的 alias。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题