Excluding folder while building for production not working

Question

I have a folder with some mock data in "src/api/mock" folder which contains some ts and JSON files. I want Webpack to exclude them when it builds for production. I tried using the below rule but its not working. Any suggestions?

 module: { rules: [ { test: /\.(ts|json)$/i, exclude: ['/src/api/mock/'], }, ], },

Does this answer your question? How to exclude directory from getting bundled by Webpack? — Yilmaz
– Yilmaz, Commented Feb 24, 2023 at 7:07

Mallikarjun M G · Accepted Answer · 2023-02-24 07:37:51Z

0

Try this if it works

const path = require('path'); module.exports = { ...others, module: { rules: [ { test: /\.(ts|json)$/, exclude: path.resolve(__dirname, 'src/api/mock'), use: { loader: 'babel-loader', }, }, ], }, };

answered Feb 24, 2023 at 7:37

Mallikarjun M G

6095 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

adnan_aust Over a year ago

this causes an error for service worker 1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

Mallikarjun M G Over a year ago

Let's see whether this would help stackoverflow.com/questions/72083968/…

Yilmaz · Accepted Answer · 2023-02-24 19:09:51Z

since you are using typescript you should use tsconfig.json. when you init this file you should have this already

 "exclude": ["node_modules"]

Just add the correct path for this '/src/api/mock/' to the array. I think ts-loader follows this file's configuration

Collectives™ on Stack Overflow

Excluding folder while building for production not working

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related