Vue cli4.0修改全局组件

众所周知 vue cli4.0的全局配置是一个巨大的坑

按照vue 3.0的方法引入全局组件

1. 注册全局组件

   const app = createApp(App)
   
   
   app.use(ElementPlus)
   
   app.component('svg-icons', {
       template: "<div>aaaaaaaaaaa</div>"
   })
   app.use(router).mount('#app')

    

2. 引用全局组件

     <svg-icons></svg-icons>

    

3. 报错

   

   vue有两种形式的代码：compiler模式，和runtime模式），主要区别在main.js里边。

4. 可以修改vue的默认指向，在vue.config.js里，修改如下：

       configureWebpack: (config) => {
           config.resolve = { // 配置解析别名
               extensions: ['.js', '.json', '.vue'],  // 自动添加文件名后缀
               alias: {
                   'vue': 'vue/dist/vue.esm-bundler.js',
                   '@': path.resolve(__dirname, './src'),
                   '@c': path.resolve(__dirname, './src/components')
               }
           }

   最后重启一下 就好啦