Vue.js &引用；新产品管理运行开发“；在默认的Webpack简单设置中永远打开浏览器

我使用默认的Webpack简单设置，不知道为什么现在需要大约5分钟来清除和打开浏览器窗口（然后页面内容需要另外2分钟才能显示）。我也不知道如何解决这个问题

有什么想法吗

下面是我的webpack.config.js（我没有更改）：

var path=require（'path'））
var webpack=require（'webpack'）
module.exports={
条目：'./src/main.js'，
输出：{
path:path.resolve（uu dirname，'./dist'），
publicPath:“/dist/”，
文件名：“build.js”
},
模块：{
规则：[
{
测试：/\.css$/,，
使用：[
“vue样式加载程序”，
“css加载器”
],
},      {
测试：/\.vue$/,，
加载程序：“vue加载程序”，
选项：{
装载机：{
}
//其他vue加载程序选项在此处
}
},
{
测试：/\.js$/,，
加载器：“巴别塔加载器”，
排除：/node\u模块/
},
{
测试：/\（png | jpg | gif | svg）$/，
加载器：“文件加载器”，
选项：{
名称：'[name].[ext]？[hash]'
}
}
]
},
决心：{
别名：{
“vue$”：“vue/dist/vue.esm.js”
},
扩展：['*'、'.js'、'.vue'、'.json']
},
开发服务器：{
历史上的倒退：是的，
没错，
覆盖：对
},
性能：{
提示：错误
},
devtool:“#评估源映射”
}
if（process.env.NODE_env===‘生产’）{
module.exports.devtool='#源映射'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins=（module.exports.plugins | | |[]）.concat([
新的webpack.DefinePlugin({
“process.env”：{
节点_ENV:'生产''
}
}),
新建webpack.optimize.UglifyJsPlugin({
sourceMap:true，
压缩：{
警告：错误
}
}),
新的webpack.LoaderOptionsPlugin({
最小化：真
})
])
}

我已将您的项目克隆到我的计算机上。运行服务器和打开浏览器只需不到5分钟。因此我猜您的本地开发环境可能有问题。我在Mac电脑中使用了

warn

和

v1.7.0

以及

v8.11.3

节点。

你的环境/操作系统/浏览器周围一定有什么东西，而不是你的网页配置或源文件。克隆文件、下载带有

warn

的软件包后，对我来说

warn dev

命令在不到30秒内完成。我已经对我的构建过程进行了详细描述。我是在Windows10上用Intel Core i3 3220 CPU和16GB RAM完成的

我唯一的修改是将添加到您的

webpack.config.js

：

const SpeedMeasurePlugin = require("speed-measure-webpack-plugin");
const smp = new SpeedMeasurePlugin();

let conf = {
  // your config...
}

module.exports = smp.wrap(conf);

以及

包.json

中的

--progress

参数

---

如果没有任何帮助，我会首先尝试将Webpack和Babel相关软件包升级到它们的最新版本。Webpack 4和Babel 7的速度都要快得多…

阅读您的代码，我看不出有什么奇怪的，我的第一个客人是Firebase没有连接，您得到了“最大连接超时”或类似的结果。你能试着对firebase加载进行注释，只运行“主应用”（注释代码）并告诉我加载是否仍然如此缓慢吗？你是否在任何类型的VM中？Docker/VirtualBox？提供赏金，然后对其他试图帮助你的人不做任何反应，这是非常无礼的。可能会有一个规则来惩罚这种行为…@ARS81我不知道这个问题发生了什么，我总是打开很多标签，我想我只是忘记了。你花了很多时间来创造你有用的答案，我完全想给你+50的赏金，但现在我需要创造+100的赏金，我想有点难。我真的很抱歉：/@drake035好的，没问题。谢谢你的解释，也谢谢你接受我的回答。但是5分钟或者比这少一点是永恒的！