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

万仞雨
  • 148
四川

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

回复
阅读 286
1 个回答
✓ 已被采纳

如果是配置文件的话,可以利用 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 即可。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进