项目创建方式:

顺晟科技：

看了下你的组件量，打包时间居然有130多秒（黑线。。。照你描述的，你这个项目算一个中等项目，这么来说就不应该用webpack-simple 模板，这个模板没用过记忆不深，应该用webpack 模板的，这个才是对中大型项目做了深入优化的。我手上一个近30页的移动端项目，刚才用cli 2 测试了下打包速度，有28秒， 然后我又用cli 3 测试了打包速度，时间没有打印出来，但是能明显感觉到打包速度提升了许多，至少减少了30%以上。我的项目是两个星期前刚转cli 3 的，提升效果明显，官方文档也写的清楚，项目文件里也没有了之前build 等文件夹。建议你也把项目转 cli 3 。前不久刚过了一遍webpack 英文文档（极其痛苦），能很负责任的告诉你，如果你用 cli 2 webpack模板或者是cli 3的话，你只需要关注你的代码质量和针对后期vendor 文件做优化就基本没什么大问题了。我的项目目前打包出来就是vendor 偏大，其他基本没问题。

build 之后,代码压缩了,出了问题不容易找到,而 map 可以定位他的位置

这就尴尬了, 童鞋有资料推荐么

求助

build.js.map 是webpack打包时自动生成的, 可以删除吗?

所以才有了「Webpack 配置工程师」这么一个职位 #这是一个段子

（然后你就会放弃调教这个恶魔的念头）

主要组件( 后期可能会更多 )

用 CommonsChunkPlugin 插件 手动分割其他的可以看看我的博客:https://www.cnblogs.com/Grewer/p/9033530.html

@vue/cli 能直接用 vue-cli 开发的代码么?

最开始开发时倒不觉得如何, 现在打包时间越来越长, 而整个项目才开发1/5不到

现在的问题在于webpack-simple打包后只有一个.js和.map文件, 而且超大访问速度也是一大问题, localhost响应时间至少5秒以上 , 至于服务器…肯定是没有localhost速度快的

至少，先过一遍官方文档吧：

https://webpack.docschina.org/guides/code-splitting/#动态导入-dynamic-imports-

项目结构

调教 Webpack 是个复杂而深刻的问题。

打包时在路由入口文件配上webpackChunkName。这样打包时候，就可以分模块了。你这个是没有分模块导致的

需要调教 Webpack，该缓存的缓存、不用编译的别编译。

map 文件是压缩代码到原始代码的映射。你想象一下网页加载了压缩版 JS 出了问题你怎么调试。它跟 Webpack 无关，在 Webpack 出现之前就已经存在了。

总之，大体思路就是我前面说的，尽量减少 Webpack 的工作量。随着项目中的模块变得越来越多，编译时间也会无可避免地增加（虽然你这100多秒是有点夸张）。

dll,cdn都可以加快速度按你图上来看,先去掉 map 可以快点, build 在拆分一下,拆成2-3个就够了,等到单个超过1M时,再试 cdn

webpack不太熟, 通过vue init webpack-simple xxx创建项目后, 基本上就没动过那个文件, 能给点建议吗?

既然没什么作用, webpack干嘛要生成它

可以,这个没什么太大作用,修改参数就可以不让他生成

现在想把这个js拆开, 兄弟有没有办法

这个是 Webpack 的问题，不认为换 Vue CLI 3.0 能带来什么明显改善。

要不尝试一下脚手架3？

https://webpack.docschina.org/concepts/