1、vite学习手册

1【最权威的文档】

  https://www.w3cschool.cn/vitejs/vitejs-b1kr3luf.html

2、【vitejs.cn】 https://vitejs.cn/

以上两个网站多看几遍；其它地方最好就不要去看；

1、virtual:svg-icons-register 是什么？

virtual：XXX：在vite中的称为虚拟模块的引入。

那么什么是虚拟模块，到底干什么用呢？

虚拟模块是 Rollup 编译工具中的功能，虚拟模块类似 alias 【别名】，模块的内容并非直接从磁盘文件中读取，而是编译时生成；

人话：就是在编译的时候可以采用ESM语法插入我自己的代码

来个板栗：插件编写

export default function myPlugin() {

    const virtualModuleId = 'virtual:my-module'

    const resolvedVirtualModuleId = '\0' + virtualModuleId

    return {

        name: 'my-plugin', resolveId(id) {

                if (id === virtualModuleId) { return resolvedVirtualModuleId } },

                load(id) {

                if (id === resolvedVirtualModuleId) {

                    return `export const msg = "from virtual module"`

                 }

        }

    }

}

然后代码中引入这些模块：

import { msg } from 'virtual:my-module'

 console.log(msg)