vite-plugin-node-externals

使 rollup-plugin-node-externals 在 vite 中生效。

安装

1npm i vite-plugin-node-externals -D

使用

1// vite.config.js
2import { defineConfig } from 'vite'
3import nodeExternals from 'vite-plugin-node-externals'
4
5// https://vitejs.dev/config/
6export default defineConfig({
7  ...
8  plugins: [
9    nodeExternals(),
10  ],
11})

为什么会有这个？

目前 vite 对于纯 JavaScript 的文件打包已经非常友好，但没有剔除第三方模块的；如果是想要发布一个模块来说，这是难以接受的。

同时因为 vite 的 插件顺序 导致 rollup-plugin-node-externals 模块无法生效。

解决办法其实非常简单，那就是指定 enforce 属性，如：

1// vite.config.js
2import { defineConfig } from 'vite'
3import nodeExternals from 'rollup-plugin-node-externals'
4
5const externals = {
6  ...nodeExternals(),
7  enforce: 'pre' // 指定为 pre
8}
9
10// https://vitejs.dev/config/
11export default defineConfig({
12  ...
13  plugins: [
14    externals,
15  ],
16})

那推荐使用这个模块么？不，其实不这么推荐，此模块主要为以后其他不兼容问题，或切换到其他模块时的自用备选方案。

License

MIT