vite+vue3.0+ts 如何在配置在dev环境中引入文件?
需要在app.vue 使用import引入一个在src目录下的js文件 但是只需要在dev环境中引入 但是由于import必须在一开始就引入 不能写判断 请问还有没有其他的配置方式
回复
1个回答

test
2024-07-20
如果是配置文件的话,可以利用 vite.config.js
的 define
选项,比如:
vite.config.js
import config from './src/your-config.js';
export default defineConfig(({command}) => {
define: {
// serve 为开发命令
myConfig: command === 'serve' ? JSON.stringify(config) : '';
},
});
main.ts
if (myConfig) {
const yourConfig = JSON.parse(myConfig);
}
然后你就直接使用 yourConfig 即可。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容