source-map如果直接打包到main.js里不会影响加载速度吗？

来源：3-7 SourceMap 的配置

洞庭兮木叶下

2019-02-24

打包后的文件一般来说会发布到线上啊，source-map如果直接打包到main.js里不会影响加载速度吗？
测试： ‘sheap-module-eval-source-map’ ，
体积： main.js : 57.4kb

测试：‘source-map’，
体积： main.js: 24kb,
main.js.map: 25kb,

写回答

2回答

Dell

2019-02-24

已采纳

cheap-module-source-map 是线上环境的配置，会单独生成.map文件，这个文件你不要发布到线上，而是在线上有问题的时候，拿出来差错用的。而本地环境加上eval，会提升本地的打包速度。我感觉你是不是把线上环境和本地环境搞错了。

渴望做梦

洞庭兮木叶下

谢谢同学，可是如果部署了的话，线上出了问题，不是可以很容易定位吗

2019-07-15

共3条回复

renderman

2019-02-24

我使用DellLee最佳实践后，得出的结果是这样的：

生产模式下，打包出来是bundle和map，两者是分离的。

mode: "production",
devtool: "cheap-module-source-map"

开发环境下，打包出来只有bundle，两者未分离。

mode: "development",
devtool: "cheap-module-eval-source-map"

在开发环境下，考量的是增量构建的速度吧，分离不分离对加载速度影响多少？

当然我也想知道，分离的使用场景是什么呢？

在生产环境下，分离能够限制访问类型，从而达到部分人能够看到源码的目的。

希指正。

洞庭兮木叶下

weixin_慕姐4425141

是加载了的，不过是在开发环境时我们自己开启的，一般vuecli都会自动开启，打包后也就是 build后是不需要的

2019-07-13

共4条回复

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

回答 1

回答 2

回答 3

回答 1

回答 3