静态资源引用

在 Taro 中可以像使用 webpack 那样自由地引用静态资源，而且不需要安装任何loader。

引用样式文件

可以直接通过 ES6 的 import 语法来引用样式文件

例如引用 CSS 文件

import './css/path/name.css'

引用 SCSS 文件

import './css/path/name.scss'

引用JS文件

可以直接通过 ES6 的 import 语法来引用JS文件

import { functionName } from './css/path/name.js'
import defaultExportName from './css/path/name.js'

引用图片、音频、字体等文件

可以直接通过 ES6 的 import 语法来引用此类文件，拿到文件引用后直接在 JSX 中进行使用

// 引用文件
import namedPng from '../../images/path/named.png'
// 使用
<View>
  <Image src={namedPng} />
</View>

引用JSON文件

可以直接通过 ES6 的 import 语法来引用此类文件，拿到JSON文件输出的JSON数据

// 引用json文件
/**
* named.json
* {
*   x: 1
* }
**/
import namedJson from '../../json/path/named.json'
console.log(namedJson.x)