Webpack 将网页1更新为网页3

我非常喜欢前端和后端分离的概念。 我试图从WebPack开始更新整个样板文件。 样板文件中包含的版本是Webpack1。 我试着把它升级到3版

显然，我只需要将其升级到版本2，因为升级到版本3是顺利的，并且只需要通过命令行更新WebPack即可完成。 当然，我主要遵循了和其他一些单独的资源来尝试修改 webpack.config.js文件。 我最终得到了以下webpack.config.js文件：

但当我在客户端运行npm start时，仍然会出现以下错误：

这是来自npm的调试文件

var sGrid=require（'s-grid'）；
var破裂=需要（‘破裂’）；
var autoprefixer=require（'autoprefixer'）；
var path=require（'path'）；
var webpack=require（'webpack'）；
var HtmlWebpackPlugin=require（'html-webpack-plugin'）；
module.exports={
devtool:“eval”，
条目：[
'网页包开发服务器/客户端？http://localhost:3000',
“webpack/hot/only dev server”，
“./app/app.js”
],
输出：{
是的，
path:path.resolve（uu dirname，'public'），
文件名：“bundle.js”，
公共路径：'http://localhost:3000/'
},
插件：[
新的webpack.LoaderOptionsPlugin({
选项：{
//邮政编码：[自动引用器]，
上下文：_dirname，
最小化：真
//触针：[刺破，破裂]
}
}),
新HtmlWebpackPlugin({
标题：“使用Webpack和Redux进行反应-Meteor仅作为后端！”，
模板：'./index_template.ejs'，
注射：“身体”
}),
新建webpack.HotModuleReplacementPlugin（），
新建webpack.optimize.UglifyJsPlugin({
sourceMap:true，//在WebPack 2中，它默认为false，因此需要显式设置。
压缩：{
警告：正确
}
})
],
模块：{
规则：[
{
测试：/\.js$/,，
排除：/（节点模块|鲍尔组件）/，
用法：['babel-loader']//'use'和'loader'可以互换
},
{
测试：//\.css$/，//scss？？
使用：[
{
加载器：“样式加载器”
},
{
加载器：“css加载器”，
选项：{
sourceMap:true，
进口装载机：2，
localIdentName:“[name].[local].[hash:base64:5]”，
//插件：autoprefixer，//WTF？？
}
},
{
加载器：“postss加载器”，
选项：{
插件：函数（）{
返回[自动刷新器]
}
}
}
]
//loader:'style！css？sourceMap&importLoaders=2&localIdentName=[name]\u_[local]\u[hash:base64:5]！postss'
},
{
测试：/\.styl$/,，
排除：/（节点模块|鲍尔组件）/，
使用：[
{
加载器：“样式加载器”
},
{
加载器：“css加载器”，
选项：{
sourceMap:true，
模块：对，
进口装载机：2，
localIdentName:“[name]_[local]__[hash:base64:5]”
//插件：sGrid，break
}
},
{
加载器：“postss加载器”，
选项：{
插件：函数（）{
返回[自动刷新器]
}
}
},
{
加载器：“手写笔加载器”，
选项：{
插件：函数（）{
返回[sGrid，break]
}
}
}
]
//loader:'style！css？sourceMap&modules&importLoaders=2&localIdentName=[name]\uuuuuu[local]\uuuuuuu[hash:base64:5]！postsss！手写笔加载程序'
},
{
测试：/\（png | jpg）$/，
排除：/（节点模块|鲍尔组件）/，
使用：[
{
加载器：“url加载器”，
选项：{
名称：'images/[name].[ext]'，
限制：“8192”//可能是整数？？？？
}
}
]
//加载器：“url加载器？名称=images/[name].[ext]&limit=8192”
}
]
},
决心：{
//根目录：path.join（uuu dirname，…，，，，，，，app'），
模块：[
join（uuu dirname，“app”），//2或3个参数？？
“节点_模块”
],
扩展名：['.js'、'.jsx'、'.json'、'.css'、'.styl'、'.png'、'.jpg'、'.jpeg'、'.gif']，
enforceModuleExtension:false
},
/*触控笔：功能（）{
返回[sGrid，break]
},*/
/*postcss:函数（）{
返回[autoprefixer]；
}*/
};