时间戳

首页 > 解决方案 > webpack vuejs/如何仅在开发模式下导入模块并在生产模式下忽略它？

vue.js - webpack vuejs/如何仅在开发模式下导入模块并在生产模式下忽略它？

问题描述

在这个简单的 vuejs 应用程序中，我使用axios-mock-adapter来模拟来自我的应用程序的所有axios请求。

所有的模拟都在 javascript 模块tests/mock/api.js中。为了使用它们，我必须将它们导入main.js

import "../tests/mock/api";

它在开发模式 ( npm run serve) 下运行良好。但是，我不希望在生产模式 ( npm run build) 下进行此导入。有没有办法告诉 webpack 在main.js我们 make 时忽略这行导入npm run build？

标签： vue.jsmockingaxios

解决方案

这应该有效

if(process.env.NODE_ENV === 'development') require("../tests/mock/api");

请参阅如何有条件地导入 ES6 模块？

推荐阅读