# vivo-ui

> vivo的Vue组件库，能够按需加载 **（v0.01版本有问题，无法使用，请使用v0.02+）**

### 注意（v0.0.8新增）
** webpack4以下不支持package.json的sideEffects属性，必须依赖babel-plugin-import插件来实现按需加载，`且不能使用prefix浏览器前缀相关的工具函数。而且由于babel-plugin-import的bug，我们不能取别名，例如import {Toast as VToast} from 'vivo-ui'` **

安装babel-loader和babel-plugin-import
```
npm i -D babel-loader babel-plugin-import
```

webpack配置如下
```
module: {
  rules: [{
    test: /\.js$/,
    exclude: /node_modules|bower_components/,
    use: {
      loader: 'babel-loader',
      options: {
        plugins: [['import', require('vivo-ui/babel.import')]]
      }
    }
  }]
}
```

或者在.babelrc中配置

.babelrc文件
```
{
  "presets": [
    "./.babelrc.js"
  ]
}
```

.babelrc.js文件
```
module.exports = {
  plugins: [
    ['import', require('vivo-ui/babel.import')]
  ]
}
```