vite组件自定义目录写法

vite组件自定义目录写法

我们可能见过这样的写法：

import { useLocaleStoreWithOut } from '/@/store/modules/locale';
//有过uni-app基础的应该对于这个写法并不陌生，应为在easycom组件动态导入中其实出现过。本质其
//实是webpack中支持的一种写法。

但是最近看代码的时候遇到了这个：

import type { LocaleType } from '/#/config';

当时看的我是一愣一愣的，查了一下不是正则写法正则中并没有 **#**符号的参与。最后经过大佬的一波指点才明白。然来是vite组件中的自定义路径配置方法：

resolve: {
      alias: [//看到alias其实就很通透了，自定义文件别名
        {
          find: 'vue-i18n',
          replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
        },
        // /@/xxxx => src/xxxx
        {
          find: /\/@\//,
          replacement: pathResolve('src') + '/',
        },
        // /#/xxxx => types/xxxx
        {
          find: /\/#\//,
          replacement: pathResolve('types') + '/',
        },
      ],
    },
//由上面的注释可以发现其实就是使用了正则写法，利用find叠加正则匹配，然后加上pathResolve来替
//换对应的路径。        

感觉学的东西不是很系统，害，只能慢慢积累，查缺补漏，同志仍需努力！