如何正确配置webpack？

Question

我试图完成本教程，但我认为在配置网页时遇到了一些问题。我正在一步一步地制作教程，但它不起作用。。

错误]无法执行目标com.github.eirslett:frontend maven插件：1.10.3:project shop上的webpack（webpack生成）：无法运行任务：“webpack”。js'失败了。组织。阿帕奇。平民执行官。ExecuteException:进程已退出，但出现错误：2

错误看起来像：

[INFO] ERROR in ./src/main/js/app.js
[INFO] Module not found: Error: Can't resolve './client' in '/home/kk/IdeaProjects/e-commerce/src/main/js'
[INFO]  @ ./src/main/js/app.js 29:13-32
[INFO] 
[INFO] ERROR in ./src/main/js/app.js
[INFO] Module not found: Error: Can't resolve 'react' in '/home/kk/IdeaProjects/e-commerce/src/main/js'
[INFO]  @ ./src/main/js/app.js 25:12-28
[INFO] 
[INFO] ERROR in ./src/main/js/app.js
[INFO] Module not found: Error: Can't resolve 'react-dom' in '/home/kk/IdeaProjects/e-commerce/src/main/js'
[INFO]  @ ./src/main/js/app.js 27:15-35

网页包。配置。js:

var path = require('path');

module.exports = {
    entry: './src/main/js/app.js',
    devtool: 'sourcemaps',
    cache: true,
    mode: 'development',
    output: {
        path: __dirname,
        filename: './src/main/resources/static/built/bundle.js'
    },
    module: {
        rules: [
            {
                test: path.join(__dirname, '.'),
                exclude: /(node_modules)/,
                use: [{
                    loader: 'babel-loader',
                    options: {
                        presets: ["@babel/preset-env", "@babel/preset-react"]
                    }
                }]
            }
        ]
    }

};

应用程序。js:

'use strict';

const React = require('react');
const ReactDOM = require('react-dom');
const client = require('./client');

class App extends React.Component {...}
class EmployeeList extends React.Component{...}
class Employee extends React.Component{...}
ReactDOM.render(<App/>, document.getElementById('react'))

Answer 1

看来你需要复制粘贴这个包。从提供的教程中提取json片段并运行npmi