webpack vuejs/ How to import a module only in Dev mode and ignore it in production mode?

Question

In this simple vuejs application, I use axios-mock-adapter to mock all the axios request from my application.

All the mock is in the javascript module tests/mock/api.js. In order to use them, I will have to import them in main.js

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

It works well in Dev mode (npm run serve). However, I don't want this import in Production mode (npm run build). Is there a way to tell webpack ignore this line of import in main.js when we make npm run build?

score 4 · Accepted Answer · answered Aug 07 '18 at 05:18

4

This should work

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

See more in How can I conditionally import an ES6 module?

answered Aug 07 '18 at 05:18

Jacob Goh

19,800
5
53
73

1

it work, the mock module isn't included in the bunk with `npm run build`. thank you – Hiep Aug 07 '18 at 11:14
Thank.Its super simple and useful – Ayan Aug 13 '20 at 10:40
why it doesn't work with `process.env.VUE_LOAD_MOCK`? – daniel gi May 31 '23 at 15:36

webpack vuejs/ How to import a module only in Dev mode and ignore it in production mode?

1 Answers1