Reactjs 我想了解一些关于webpack的信息（使用react）

这是我的代码，我用了很多时间来解决这个问题，但我不能解决它，我需要帮助 我找到了很多方法来解决这个问题，我发现有很多情况可能会产生这个问题。 我的网页包版本为“^4.44.1”，我的网页包cli版本为“^3.3.12”

//webpack.common.js
常量路径=要求（“路径”）；
const HtmlWebpackPlugin=require（“html网页包插件”）；
const MiniCssExtractPlugin=require（“迷你css提取插件”）；
const autoprefixer=require（“autoprefixer”）；
常数os=要求（“os”）；
const HappyPack=require（“HappyPack”）；
const webpack=需要（“webpack”）；
const happyThreadPool=HappyPack.ThreadPool（{size:os.cpus（）.length}）；
const srcDir=path.join（uu dirname，“../src”）；
const devMode=process.env.NODE_env！==“生产”；
module.exports={
条目：{
main:path.join（uu dirname，“../src/index.js”），
},
输出：{
path:path.join（\uu dirname，../dist”），
文件名：“[name].[chunk:8].js”，
chunkFilename:“chunk/[name].[chunkhash:8].js”，
},
型号：{
规则：[
{
测试：/\.减去$/,，
使用：[
devMode？“样式加载器”：MiniCssExtractPlugin.loader，
“css加载器”，
“邮政编码加载器”，
“少装”，
],
},
{
测试：/\.css$/,，
使用：[
devMode？“样式加载器”：MiniCssExtractPlugin.loader，
“css加载器”，
“邮政编码加载器”，
],
},
{
测试：/\（png | jpe？g | gif | svg）（\？*）$/，
使用：[“url加载程序”]，
包括：[srcDir]，
},
{
测试：/\（mp4 | webm | ogg | mp3 | wav | flac | aac）（\？*）$/，
使用：[“url加载程序”]，
包括：[srcDir]，
},
{
测试：/\（woff2？| eot | ttf | otf）（\？*）$/，
使用：[“url加载程序”]，
包括：[srcDir]，
},
{
测试：/\（js|jsx）$/，
包括：[srcDir]，
排除：/（节点模块|鲍尔组件）/，
使用：[“babel loader？cacheDirectory=true”]，
},
],
},
// 插件
插件：[
新的webpack.LoaderOptionsPlugin({
选项：{
上下文：_dirname，
邮政编码：[自动引用器]，
},
}),
新HtmlWebpackPlugin({
模板：`${srcDir}/index.html`，
}),
新的MinicsSextract插件({
文件名：“[name].[contenthash:8].css”，
chunkFilename:“chunk/[id].[contenthash:8].css”，
}),
//开启 快乐背包的线程池
新快乐背包({
id:“happybabel”，
加载器：[“babel loader？cacheDirectory=true”]，
threadPool:happyThreadPool，
没错，
}),
],
决心：{
别名：{
“@”：srcDir，
“@pages”：“${srcDir}/pages”，
},
},
};您试图解决的问题是什么？您试图解决的问题是什么？