0

Подскажите, как создать war файл для react, пытаюсь его создать, но мне выдаёт ошибку.

Создаю проект с помощью create-react-app Создаю файл .bablerc

{
   "presets": ["@babel/preset-env", "@babel/preset-react"]
}

Создаю файл webpack.config.js

const path = require('path');
const { WebpackWarPlugin } = require('webpack-war-plugin');
const HtmlWebPackPlugin = require("html-webpack-plugin");

module.exports = {
    mode: 'development',
    module: {
       rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.(html|css)$/,
                use: [
                    {
                        loader: "html-loader"
                    }
                ]
            }
        ]
    },
    plugins: [
        new WebpackWarPlugin(),
        new HtmlWebPackPlugin({
            template: "./public/index.html",
            filename: "./index.html"
        })
    ]
};

Добавляю команду для сборки данного файла

"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"buildwar": "webpack"

При выполнение npm buildwar получаю

Failed to load 'C:\0 programm\git\war file js\my-app\webpack.config.js' config
[webpack-cli] Error: Cannot find module 'webpack-war-plugin'
Require stack:
- C:\0 programm\git\war file js\my-app\webpack.config.js
- C:\0 programm\git\war file js\my-app\node_modules\webpack-cli\lib\webpack-cli.js
- C:\0 programm\git\war file js\my-app\node_modules\webpack-cli\lib\bootstrap.js
- C:\0 programm\git\war file js\my-app\node_modules\webpack-cli\bin\cli.js
- C:\0 programm\git\war file js\my-app\node_modules\webpack\bin\webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\0 programm\git\war file js\my-app\webpack.config.js:2:30)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\0 programm\\git\\war file js\\my-app\\webpack.config.js',
    'C:\\0 programm\\git\\war file js\\my-app\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
    'C:\\0 programm\\git\\war file js\\my-app\\node_modules\\webpack-cli\\lib\\bootstrap.js',
    'C:\\0 programm\\git\\war file js\\my-app\\node_modules\\webpack-cli\\bin\\cli.js',
    'C:\\0 programm\\git\\war file js\\my-app\\node_modules\\webpack\\bin\\webpack.js'
  ]
}

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Посмотрите другие вопросы с метками или задайте свой вопрос.