vue3 and antd-design-vue

Author: huangxubo23

README.md

@@ -1,5 +1,7 @@
 # Tampermonkey-Vue
-使用 Vue + Element-UI 开发油猴插件（Tampermonkey）。
+使用 Vue 3.0 + Antd-Design-Vue 开发油猴插件（Tampermonkey）。
+
+如果需要使用 Vue 2.0 + Eelement-UI 请使用`vue2.0`分支。
 
 ## 安装Tampermonkey插件
 请在浏览器安装[Tampermonkey](https://tampermonkey.net/)插件。
@@ -42,4 +44,7 @@ TAMPERMONKEY_ENTRY_FILE=tampermonkey-vue.user.js
 打包完成后，在`dist`目录下会生成`tampermonkey-vue.user.js`文件，把该文件添加到Tampermonkey即可运行。
 
 ### Tampermonkey配置
-可以在`tampermonkey.js`文件，配置Tampermonkey选项。
+可以在`tampermonkey.js`文件，配置Tampermonkey选项。
+
+## 写在最后
+Antd-Design-Vue UI框架代码会打包到脚本文件，所以体积会比较大。因此Antd-Design-Vue需要按需引入以减少脚本打包体积，可在`utils/antd.js`里引入需要的UI组件。

babel.config.js

@@ -0,0 +1,6 @@
+plugins: [
+  [
+    'import',
+    { libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' }
+  ]
+]