importmap 的使用

<script type="importmap">
	{
		"imports": {
		"vue": "./public/lib/vue/vue.esm-browser.prod.js",
		"@/": "./src/",
		"template/": "./src/template/",
		"components/": "./src/components/"
		}
	}
</script>

如果是路径: 则json的key要用路径的格式，此时的key是映射到一个短名称的路径；例 'template/' 不能直接写 'template' 否则识别不了。如果不是路径 key的值就是映射到一个ES的模块；

注意

因为有些浏览器不支持所以要先判断一下：

<script type="text/javascript">
  if (HTMLScriptElement.supports && HTMLScriptElement.supports('importmap')) {
    //检测importmap是否被支持
  //  console.log('import maps is supported');
   const src = './src/'
   const im = document.createElement('script');
    im.type = 'importmap';
    im.textContent = JSON.stringify({
      "imports": {
        "@/": src,
        "js/": "./js/",
        "dirData/": "./data/" + dir + "/",
        "dirTemplate/": "./src/template/"+dir+"/",
        "public/": "./public/"
      }
    });
    document.currentScript.after(im);

  }
</script>

#VsCode使用技巧 ##模糊搜索 ###使用正则

搜索 title="1#室" 替换成 title="CM1"

搜索中输入： "title": "(.*?)#室",

替换中输入： title: "CM$1",