Vue-CLI3 で作成した WebComponentsに、UIフレームワークを適用し、かつ、 IE11対応にする

ElementUI編

結果

<style scoped>
/* @import "../../node_modules/element-ui/lib/theme-chalk/index.css";  ←これだと容量多くて遅くなる */
@import "../../node_modules/element-ui/lib/theme-chalk/button.css";
</style>

yarn add element-ui
npm i

main.js

import Vue from "vue";
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import App from "./App.vue";

Vue.config.productionTip = false;
Vue.use(ElementUI);

new Vue({
  render: h => h(App)
}).$mount("#app");

SVG Icon

yarn add fortawesome/fontawesome-svg-core fortawesome/free-regular-svg-icons fortawesome/free-solid-svg-icons