vueパフォーマンス.md

https://developers.google.com/speed/pagespeed/insights を使って検証 検証はあくまでdevを使ってやる

https://developers.google.com/speed/pagespeed/insights/

$ npm run build -- --report
$ open dist/report.html

グローバル登録をやめる

https://forum.vuejs.org/t/npm-install-use-local-component/22062

参考URL

• https://qwertovsky.com/blog/posts/00025_reduce_the_size_of_vue.js_app.md/
• https://forum.vuejs.org/t/npm-install-use-local-component/22062
• https://kouya17.com/posts/19/#20

element-uiの全読み込みをやめる
mainでelement-uiを全部のコンポーネント入れてたので部分使用にする
https://element.eleme.io/#/en-US/component/quickstart#on-demand

- import ElementUI from 'element-ui';
- Vue.use(ElementUI, {locale: japanese})
+import {
+  Message,
+  MessageBox,
+} from 'element-ui';
+import locale from 'element-ui/lib/locale';
+import 'element-ui/lib/theme-chalk/index.css';
+import lang from 'element-ui/lib/locale/lang/ja';
+locale.use(lang);
+
+Vue.prototype.$alert = MessageBox.alert;
+Vue.prototype.$confirm = MessageBox.confirm;
+Vue.prototype.$message = Message;

# alertとかは他の画面でいっぱい使ってたのでグローバルに入れた

# 他の画面にはこんな感じで対応
+import { Tabs, TabPane } from 'element-ui';

   components: {
+    'el-tabs': Tabs,
+    'el-tab-pane': TabPane,
   },