Cannot use exported classes in webpack configuration

Question

I need to have multiple configurations of webpack@5. I wanted to create WebpackBuilder class that will be responsible for creating that webpack configuration.

So I created that file:

export default class WebpackBuilder {
    test() {
        console.log('Test');
    }
}

When I import that file using const WebpackBuilder = require('./webpack.builder'); I got errors:

[webpack-cli] C:\strony\www\polskieszlaki_new\strony\webpack.builder.js:3
export default class WebpackBuilder {
^^^^^^

SyntaxError: Unexpected token 'export'

When using import WebpackBuilder from './webpack.builder';

[webpack-cli] C:\strony\www\polskieszlaki_new\strony\webpack.blog.config.js:2
import WebpackBuilder from './webpack.builder';
^^^^^^

SyntaxError: Cannot use import statement outside a module

My webpack command is webpack --mode=production --config webpack.blog.config.js

tmhao2005 · Accepted Answer · 2020-11-02 17:46:46Z

1

Looks like you imported an esm module into your configuration file which is written in cjs style.

You have to turn your esm module to cjs:

class WebpackBuilder {
    test() {
        console.log('Test');
    }
}


module.exports = WebpackBuilder;

NOTE: You can also find out more languages to write the configuration file here: https://webpack.js.org/configuration/configuration-languages/

answered Nov 2, 2020 at 17:46

tmhao2005

17.7k4 gold badges46 silver badges52 bronze badges

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

Collectives™ on Stack Overflow

Cannot use exported classes in webpack configuration

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related