vite dev开发模式下支持外部模块引用_vite dev external

web工程中经常需要使用外部的cdn资源，比如lodash、three.js等：

<script type="importmap">
      {
        "imports": {
          "lodash": "https://unpkg.com/lodash-es@4.17.21/lodash.js"
        }
      }
</script>

vite build通过rollupOptions.external来支持外部模块，可是这对vite dev模式不工作。

目前这个问题通过github vitejs/vite问题单号#6582在跟踪。

一个临时解决方法是使用插件vite-plugin-externalize-dependencies，

具体用法如下：

import { defineConfig } from "vite";
 
import externalize from "vite-plugin-externalize-dependencies";
 
 
 
export default defineConfig({
 
  plugins: [externalize({ externals: ["lodash"] })],
 
});