unplugin-auto-import插件
unplugin-auto-import
插件可以帮助开发者、在代码中直接使用Vue核心库的功能,而不需要显式地导入它们。
这样可以使代码变得更加简洁和高效,同时也可以减少打字和重复代码的出现。
配置方法
安装
npm i -D unplugin-auto-import
vite.config.ts 配置
// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'
export default defineConfig({
plugins: [
AutoImport({ /* options */ }),
],
})
这样就可以不用手动引入了,以前的这些就可以不要了:
//import { ref, reactive, watch, ... } from 'vue'
建议分析
嗯,一切看起来都很好,确实减少了一些我们的工作量。但是也存在一些问题
- 编辑器需要配置(webstorm),否则可能会有波浪线警告,也不会自动补全;
- cdn加速的时候就不行了;
- 这个插件在 代码出错的时候,会混淆代码,更难判断代码错误的地方;
- 当你真正遇到没有import的项目,你将无从下手;
- 如果项目中还有其他隐式导入的呢,组件内的方法连来源都不知道;
其实,插件只是帮助我们在其他地方import
了,一旦某天出事了就不好改了。
而且,现在编辑器都会智能自动帮我们引入,何必多引入一个插件呢