feat(cli): 项目配置中支持添加 pathAlias 配置 import 路径自定义别名 (#1401)

Author: anOrange

packages/taro-cli/src/h5.js

@@ -369,8 +369,16 @@ function processEntry (code, filePath) {
       enter (astPath) {
         const node = astPath.node
         const source = node.source
-        const value = source.value
         const specifiers = node.specifiers
+        let value = source.value
+        const pathAlias = projectConfig.pathAlias || {}
+        if (Util.isAliasPath(value, Object.keys(pathAlias))) {
+          let reg = new RegExp(`^(${Object.keys(pathAlias).join('|')})/`)
+          value = value.replace(reg, function (matched, $1) {
+            return './' + path.relative(path.dirname(filePath), sourceDir) + pathAlias[$1] + '/'
+          })
+          source.value = value
+        }
         if (!Util.isNpmPkg(value)) {
           if (value.indexOf('.') === 0) {
             const pathArr = value.split('/')
@@ -631,8 +639,16 @@ function processOthers (code, filePath, fileType) {
       enter (astPath) {
         const node = astPath.node
         const source = node.source
-        const value = source.value
+        let value = source.value
         const specifiers = node.specifiers
+        const pathAlias = projectConfig.pathAlias || {}
+        if (Util.isAliasPath(value, Object.keys(pathAlias))) {
+          let reg = new RegExp(`^(${Object.keys(pathAlias).join('|')})/`)
+          value = value.replace(reg, function (matched, $1) {
+            return path.relative(path.dirname(filePath), sourceDir) + pathAlias[$1] + '/'
+          })
+          source.value = value
+        }
         if (!Util.isNpmPkg(value)) {
           if (Util.REG_SCRIPTS.test(value)) {
             const dirname = path.dirname(value)

packages/taro-cli/src/rn/transformJS.js

@@ -9,6 +9,7 @@ const wxTransformer = require('@tarojs/transformer-wx')
 const Util = require('../util')
 const babylonConfig = require('../config/babylon')
 const {source: toAst} = require('../util/ast_convert')
+const CONFIG = require('../config')
 
 const reactImportDefaultName = 'React'
 let taroImportDefaultName // import default from @tarojs/taro
@@ -216,10 +217,19 @@ function parseJSCode ({code, filePath, isEntryFile, projectConfig}) {
     ImportDeclaration (astPath) {
       const node = astPath.node
       const source = node.source
-      const value = source.value
+      let value = source.value
       const valueExtname = path.extname(value)
       const specifiers = node.specifiers
-
+      const pathAlias = projectConfig.pathAlias || {}
+      if (Util.isAliasPath(value, Object.keys(pathAlias))) {
+        let reg = new RegExp(`^(${Object.keys(pathAlias).join('|')})/`)
+        value = value.replace(reg, function (matched, $1) {
+          const sourceDirName = projectConfig.sourceRoot || CONFIG.SOURCE_DIR
+          const sourceDir = path.join(process.cwd(), sourceDirName)
+          return './' + path.relative(path.dirname(filePath), sourceDir) + pathAlias[$1] + '/'
+        })
+        source.value = value
+      }
       // 引入的包为 npm 包
       if (!Util.isNpmPkg(value)) {
         // import 样式处理

packages/taro-cli/src/util/index.js

@@ -185,6 +185,13 @@ exports.isNpmPkg = function (name) {
   return true
 }
 
+exports.isAliasPath = function (name, prefixs = []) {
+  if (prefixs.length === 0) {
+    return false
+  }
+  return new RegExp(`^(${prefixs.join('|')})/`).test(name)
+}
+
 exports.promoteRelativePath = function (fPath) {
   const fPathArr = fPath.split(path.sep)
   let dotCount = 0

packages/taro-cli/src/weapp.js

@@ -383,6 +383,15 @@ function parseAst (type, ast, depComponents, sourceFilePath, filePath, npmSkip =
       const source = node.source
       let value = source.value
       const specifiers = node.specifiers
+      // 替换用户自定义前缀
+      let pathAlias = projectConfig.pathAlias || {}
+      if (Util.isAliasPath(value, Object.keys(pathAlias))) {
+        let reg = new RegExp(`^(${Object.keys(pathAlias).join('|')})/`)
+        value = value.replace(reg, function (matched, $1) {
+          return './' + path.relative(path.dirname(sourceFilePath), sourceDir) + pathAlias[$1] + '/'
+        })
+        source.value = value
+      }
       if (Util.isNpmPkg(value) && notExistNpmList.indexOf(value) < 0) {
         if (value === taroJsComponents) {
           astPath.remove()