How to change __dirname in webpack?

Question

JavaScript

By default, __dirname refers to the same directory as the webpack config. If base.config.js is moved to the root, then the dist folder will be compiled there as well. But I need to leave the build logic in the config folder, can you tell me how to do this?

Answer 1

const path = require('path');

const ROOT_DIR = path.resolve(__dirname, '..');

The ROOT_DIR variable will store the path to the directory above relative to __dirname, now you can specify in the config:

module.exports = {
  output: {
    path: path.resolve(ROOT_DIR, 'dist')
  }
};