taro项目中使用taro-ui

时间:2020-05-01

在项目中安装插件

npm install taro-ui

在 taro 项目的 config/index.js h5属性下添加  esnextModules: ['taro-ui'],

h5: {
    publicPath: '/',
    staticDirectory: 'static',
    esnextModules: ['taro-ui'],

在app.jsx文件里全局引入样式

import 'taro-ui/dist/style/index.scss'

使用button

src/pages/index/index.jsx

引入  

import { AtButton } from 'taro-ui'

<View className='index'>
  <AtButton type='primary'>按钮</AtButton>
</View>