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

Question

比如类似webpack的配置项

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

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

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

Answer 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。