From 7fb91b82198fc84e6585b1d631e38a9fa22b9d10 Mon Sep 17 00:00:00 2001 From: Sendya <18x@loacg.com> Date: Mon, 27 Jul 2020 15:55:43 +0800 Subject: [PATCH] chore: rm useless files --- docs/load-on-demand.md | 95 ------------------------------------------ docs/multi-tabs.md | 28 ------------- 2 files changed, 123 deletions(-) delete mode 100644 docs/load-on-demand.md delete mode 100644 docs/multi-tabs.md diff --git a/docs/load-on-demand.md b/docs/load-on-demand.md deleted file mode 100644 index c920caa439..0000000000 --- a/docs/load-on-demand.md +++ /dev/null @@ -1,95 +0,0 @@ -按需加载 减小打包 -==== - - - -## 按需引入组件依赖 - -`Ant Design Pro Vue` 默认编码工作并不支持按需引入,不过可以通过以下操作结合 [Ant Design Of Vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) 官方文档来进行按需引入。 - -- 增加项目按需引入依赖 -- 修改引入组件方式 - - - -1. 增加按需引入所需依赖 `babel-plugin-import` -并且修改文件 `babel.config.js` - ```ecmascript 6 - module.exports = { - presets: [ - '@vue/app' - ], - plugins: [ - [ "import", { - "libraryName": "ant-design-vue", - "libraryDirectory": "es", - "style": "css" - } ] - ] - } - ``` - - -2. 修改引入组件方式 (注意,这只是一个例子,请完整引入你所需要的组件) - - 文件 `@/core/lazy_lib/component_use.js` - - ```javascript - import Vue from 'vue' - import { - Input, - Button, - Select, - Card, - Form, - Row, - Col, - Modal, - Table, - notification - } from 'ant-design-vue' - - Vue.use(Input) - Vue.use(Button) - Vue.use(Select) - Vue.use(Card) - Vue.use(Form) - Vue.use(Row) - Vue.use(Col) - Vue.use(Modal) - Vue.use(Table) - Vue.use(notification) - - Vue.prototype.$notification = notification; - ``` - - -3. 最后在 `main.js` 中引入 `@/core/lazy_use.js` 文件即可,如下 - - ```javascript - - import Vue from 'vue' - import App from './App' - - // 引入 按需组件的统一引入文件 - import './core/lazy_use' - - import './style/index.less' - - - Vue.config.productionTip = false - - new Vue({ - render: h => h(App), - }).$mount('#app') - - ``` - - - -## 其他 减少打包大小 - - - -1. Ant Design Vue 1.2.x 版本起,采用的 ant-design 官方方案 svg Icon 组件,整个项目打包会变大很多,图标进行按需加载可参考 https://github.com/HeskeyBaozi/reduce-antd-icons-bundle-demo -2. moment 按需加载 可参考 https://github.com/jmblog/how-to-optimize-momentjs-with-webpack diff --git a/docs/multi-tabs.md b/docs/multi-tabs.md deleted file mode 100644 index 94032f03a1..0000000000 --- a/docs/multi-tabs.md +++ /dev/null @@ -1,28 +0,0 @@ -多(页签)标签 模式 -==== - - -## 让框架支持打开的页面增加多标签,可随时切换 - -### 关于如何移除该功能 组件 - 1. 移除 `/src/layouts/BasicLayout.vue` L44, L69, L80 - ```vue - // L44 - - - // L69 - import MultiTab from '@/components/MultiTab' - - // L80 - MultiTab, - ``` - 2. 移除 `/src/config/defaultSettings.js` L25 - - 3. 移除 `src/store/modules/app.js` L27, L76-L79, L118-L120 - - 4. 移除 `src/utils/mixin.js` L21 - - 5. 删除组件目录 `src/components/MultiTab` - -> 以上 `L x` 均代表行N ,如 L3 = 行3 -