用Taro寫一個微信小程序（二）——配置目錄別名

🌲 配置別名可以方便書寫代碼引用路徑，讓代碼更整潔。

🌲 官方文檔可參考https://nervjs.github.io/taro/docs/config-detail#alias

一、在config/index.js下配置alias

const config = {
    ………
     alias: {
        '@/components': path.resolve(__dirname, '..', 'src/components'),
        '@/utils': path.resolve(__dirname, '..', 'src/utils'),
        '@/assets': path.resolve(__dirname, '..', 'src/assets'),
      },
    ………
 }

 

二、在根目錄的jsconfig.json 或者 tsconfig.json 中配置 paths

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/components/*": ["./src/components/*"],
      "@/utils/*": ["./src/utils/*"],
      "@/assets/*": ["./src/assets/*"],
    }
  }
}

如果根目錄下沒有jsconfig.json 或者 tsconfig.json，就新建一個。配置后編輯器就認得我們的別名啦~

 

三、遇到的問題

配置后編譯出現如下報錯，原因是缺少path。

 

解決方法

在config/index.js中加入如下代碼

const path = require('path')

 

End--------------------------

我們精疲力竭的亢奮着

追趕着我們不曾擁有的

又一次太陽落下卻仍一無所獲

還好我們可以期待明天

明天是多么可愛的字眼

告訴着一無所有的我們還有時間

趁他還沒走遠