vite+vue3.0+ts 如何在配置在dev环境中引入文件?

作者站长头像
站长
· 阅读数 13

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

回复
1个回答
avatar
test
2024-07-20

如果是配置文件的话,可以利用 vite.config.jsdefine 选项,比如:

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 即可。

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