(Vue) 开发笔记

一、组件地址必须带后缀.vue

// 正确
import ('./../views/xxx.vue')
// 错误
import ('./../views/xxx')

二、在使用vite开发时,可以配置别名,用来解决./../问题.类似于Vue里面的@（注：在vite.config.js里面配置）

resolve: {
     alias: {
        @': path.resolve(__dirname, './src')
    }
}

三、在使用vite开发时,全局mixin样式问题,可以通过vite进行配置（注：在vite.config.js里面配置）

css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@import '@/assets/style/base.scss';`
      }
    }
},