Vite配置Library模式打包后导出的文件无法被其他项目引入怎么办？
我在用Vite的Library模式打包一个工具库时遇到问题，按照文档配置了library选项，但打包生成的umd文件在另一个项目里引入时一直报错：Uncaught TypeError: Cannot read properties of undefined (reading 'myFunction')。
具体操作是这样的：
修改了vite.config.js配置：
export default defineConfig({
build: {
lib: {
entry: path.resolve(__dirname, 'src/index.js'),
name: 'MyLib',
formats: ['umd']
},
rollupOptions: {
external: ['lodash']
}
}
})
然后用vite build生成了dist/mylib.umd.js，但在测试项目里这样引入：
import { myFunction } from '../dist/mylib.umd.js'
控制台提示找不到模块，换成script标签引入时又出现全局变量找不到方法的问题。尝试过在rollupOptions里添加输出dir配置，但好像没解决核心问题…
- 2
回答
79浏览
Vite Library模式打包后为什么多出.eslintrc.js文件？
在用Vite的Library模式打包组件库时，发现生成的dist目录里多了一个.eslintrc.js文件，但配置里没配置要包含它。尝试过设置assetsInclude排除，但还是会出现，这是什么情况...
- 1
回答
32浏览
Vite打包库模式下怎么同时输出ESM和UMD格式？
我用 Vite 的 library 模式打包一个组件库，想同时生成 ESM 和 UMD 两种格式，但配置 build.lib 后只能输出一种。试过在 rollupOptions 里加 output 数...
- 2
回答
32浏览
Vite打包库时为什么第三方依赖会被包含进输出文件？
我用Vite的Library模式打包一个React组件库，但发现打包后的文件包含了react-i18next的代码，明明在vite.config里设置了external排除。试过调整optimizeD...
- 2
回答
32浏览
Vite库模式打包后入口文件路径不对怎么办？
我在用Vite的库模式打包组件库时遇到了问题，配置了build.lib.name为"my-lib"，但生成的dist文件夹里只有vendor.js，没有预期的main.js入口文件。查看构建日志没报错...
- 2
回答
36浏览
Vite打包时如何正确配置Rollup排除node_modules中的特定包？
我在用 Vite 构建 Vue3 项目，想通过 Rollup 配置把某个第三方库（比如 lodash-es）从打包结果中排除，但试了几次都没成功，build 后还是被打包进去了。 我查了文档，在 vi...
- 2
回答
88浏览
Vite SSR配置时为什么服务启动后无法加载CSS文件？
在用Vite+Vue3搭建SSR项目时，按照官方文档配置了服务端入口和客户端入口，但启动后页面样式完全失效。明明在客户端入口文件里正常导入了main.css，服务端返回的HTML里却看不到内联的样式块...
- 2
回答
67浏览
Vite的manualChunks配置后组件还是单独打包怎么办？
我在用Vite开发React项目时，想通过manualChunks把四个公共组件打包到同一个chunk里，但配置后每个组件还是单独生成了文件... 项目结构是这样的，四个组件分布在不同页面： // v...
- 2
回答
45浏览
Vite 的 manualChunks 配置怎么让第三方库单独打包？
我在用 Vite 做项目，想把像 lodash、axios 这些第三方库单独打成 vendor 包，但配置了 manualChunks 后发现它们还是被打进 main.js 里了，根本没拆出来。我试过...
- 2
回答
54浏览
Vite多页应用中如何正确配置不同页面的入口JS文件？
我用 Vite 搭建一个多页项目，每个页面都有自己的 JS 入口，但打包后发现只有 index.html 的脚本能正常加载，其他页面比如 about.html 引用的 about.js 找不到。我在 ...
- 2
回答
110浏览
为什么切换到Vite后Sass配置不生效？Webpack和Vite的CSS处理配置有何不同？
我之前用Webpack配置了Sass，现在迁移到Vite后样式文件报错说找不到变量，但代码明明没改啊。之前在vue.config.js里通过chainWebpack添加了sass-loader，现在换...
import { myFunction } from '../dist/mylib.umd.js'这种语法时，实际上是按照ESM的方式去加载模块，而UMD模块并不直接支持这种方式。你需要确保在引入UMD格式的库时，使用正确的全局变量名。在你的Vite配置中，
name: 'MyLib'设置了UMD全局变量名为MyLib，所以在HTML文件中，你应该通过