Подскажите, как создать 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'
]
}