每天一點點之 taro 框架開發 - taro靜態資源引入

1.說明：

• taro中客園自由的引用靜態資源，不需要安裝任何的loader
• 引用樣式文件
• 通過ES6的import引入

 

2.引用js文件

• import { functionName } from './js/name.js'
• import defaultExportName from './js/name.js'
• 說明：可以去掉文件路徑后面的后綴

utils.js

export function setDate () {
    console.log('setDate')
}

export function getDate () {
    console.log('getDate')    
}

調用文件

import { setDate , getDate } from '../../utils'

然后通過 setDate(),getDate() 方法來訪問js文件中的方法

 

3.引入圖片、音頻、字體等文件

• 可以通過import引入
  • 引用： import namePng from './images/name.png'
  • 使用： <Image src={ namePng }>
• 也可以使用require引用
• 說明：只有本地文件需要這樣線上圖片直接賦值就可