ReferenceError: __dirname is not defined

Question

Хочу переписать серверный код в es6, для этого в package.json указал "type": "module".

Webpack5 сразу же начал ругаться что require не поддерживается и я заменил на import, но теперь Webpack не находит __dirname выводит ошибку:

[webpack-cli] ReferenceError: __dirname is not defined [0] at file:///Users/vyacheslav/programming/course/webpack.config.js:10:24

Помогите понять как определить __dirname чтобы Webpack его понял?

import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import {CleanWebpackPlugin} from 'clean-webpack-plugin';

const outputDirectory = 'dist';


export default {
  entry: {
    main: path.resolve(__dirname, './src/index.tsx'),
  },
  output: {
    path: path.join(__dirname, outputDirectory),
    filename: 'bundle.js'
...

Answer 1

добавил в webpack.config.js вот этот код

import { fileURLToPath } from 'url';
import { dirname } from 'path';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

БЛОГ НА HUSL

ReferenceError: __dirname is not defined

Ответы (1 шт):