鍍金池/ 問(wèn)答/HTML/ gulp 是否有類似webpack的alias的功能?

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

比如類似webpack的配置項(xiàng)

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

gulp能否將 '@'符號(hào)自動(dòng)變成相對(duì)路徑去引用?

比如 import a from '@/utils/index'
自動(dòng)變成 import a from '../../utils/index' 這種的結(jié)構(gòu)?

回答
編輯回答
九年囚

首先，題主對(duì) gulp 和 webpack 的理解存在一些偏差。

  • gulp 是一個(gè) task runner，可以在 gulpfile.js 中定義多個(gè)任務(wù)，webpack 打包 js 的操作就可以作為一個(gè)任務(wù)定義在 gulpfile.js 中。gulp 自身是不會(huì)去處理 js 的引用和轉(zhuǎn)義的。
  • webpack 是一個(gè)用來(lái)打包前端資源的工具，可以打包 js，css 和圖片等。結(jié)合 npm scripts 的使用場(chǎng)景較多。

所以，題主應(yīng)該先確認(rèn)一下 gulpfile 中使用了哪個(gè)工具進(jìn)行 js 的轉(zhuǎn)義和打包，然后去找對(duì)應(yīng)的工具中是否提供類似 alias 的配置項(xiàng)。如 babel 就一個(gè) babel-plugin-module-resolver 的模塊來(lái)實(shí)現(xiàn)模塊的 alias。

2017年8月16日 13:11