在vite配置文件中添加以下内容,以确保在本地库中进行的更改被立即反映在项目中:
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
build: {
lib: {
entry: 'src/main.js',
name: 'MyLib',
fileName: (format) => `my-lib.${format}.js`
},
rollupOptions: {
// Make sure to externalize deps that shouldn't be bundled
// into your library
external: ['vue'],
output: {
// Provide global variables to use in the UMD build
// for externalized deps
globals: {
vue: 'Vue'
}
}
}
}
})
然后,在项目中使用本地组件时,确保使用npm link
或yarn link
将其链接到本地库中:
cd /path/to/my-lib
npm link
cd /path/to/my-project
npm link my-lib
这将确保您的项目中的组件随着您在本地库中进行的更改而更新。
上一篇:本地Vespa查询非常缓慢。