vite dev开发模式下支持外部模块引用
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"] })],});