Файл конфигурации Webpack

Question

Я новичок в использовании React и пытаюсь настроить файл webpack.config. js, как показано ниже:

import path from 'path'

    module.exports = {
        entry : './src/index.js',
        output: {
            path: path.resolve(__dirname, "public"),
            filename : 'bundle.js',
        },
        module:{
            rules:[
                {
                    test:/\.js$/,
                    exclude: /node_modules/,
                    loader:'babel-loader',
                },
            ],
        },
    };

, но когда я пытаюсь запустить команду webpack для генерации файла комплекта, я получил ошибка ниже:

Для загрузки модуля ES необходимо использовать импорт: \ webpack.config. js Я не использовал 'require' в этом файле и не могу найти причину ошибки. ниже моя часть моего package.jason:

{
  "name": "fulljs",
  "version": "1.0.0",
  "type": "module",
  "description": "Full JS Project",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon --exec babel-node server.js --ignore public/",
    "dev": "webpack -wd "
  },

, а также я использую как: npm 6.14.4 webpack 4.43.0

Answer 1

Вам необходимо использовать:

const path = require('path');

Вместо:

import path from 'path'