uniapp如何引入js文件

隨著Uniapp的不斷發展壯大，越來越多的開發者開始使用它來開發跨平台應用程式。在開發過程中，有時可能需要引入一些自己編寫的js檔案。本文將介紹使用Uniapp如何引入js檔案的方法。

一、在頁面中引入js檔案

1. 在pages目錄下找到需要引入js檔案的頁面（例如：index.vue）
2. #在該頁面的script標籤中，使用以下程式碼引入js檔案：

import xxx from '@/xxx.js' 

其中，'@' 符號表示專案根目錄，xxx表示自己寫的js檔案名稱。如果該檔案不在根目錄下，則需要修改引入路徑。

3. 在程式碼中使用該js檔案中的方法或變量，例如：

xxx.doSomething();

二、在元件中引入js檔案

1. 找到需要引入js檔案的元件檔案（例如：my-component.vue）
2. 在該元件的script標籤中，使用以下程式碼引入js檔案：

import xxx from '@/xxx.js' 

同樣，'@' 符號表示專案根目錄，xxx表示自己寫的js檔案名稱。如果該檔案不在根目錄下，則需要修改引入路徑。

3. 在元件程式碼中使用該js檔案中的方法或變量，例如：

mounted() {
  xxx.doSomething();
}

三、在全域中引入js檔案

1. 在專案根目錄下，找到vue.config.js檔案
2. 在該檔案中加入以下程式碼：

configureWebpack: {
  externals: {
    'xxx': 'xxx'
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
}

其中，'xxx': 'xxx' 表示需要引入的js檔名，第一個'xxx'是該檔案在專案中的名稱，第二個'xxx'是在全域中的名稱；'@' 符號也表示專案根目錄。

3. 在需要使用該js檔案的地方，使用以下程式碼引入：

window.xxx.doSomething();

四、總結

透過以上三種方法，我們可以在Uniapp中引入自己編寫的js文件，並在頁面、元件或全域中使用。在編寫js檔案時，需要注意命名和路徑的規範，以免造成引入失敗或程式碼混淆的情況。

以上是uniapp如何引入js文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！