问答详情
源自:2-3 webpack-dev-server的配置和使用

关于#cheap-module-eval-source-map

我还是不太清楚加上config.devtool = '#cheap-module-eval-source-map'这个之后有什么用,浏览器上哪里可以看到变化吗,初学者,有没有好心人提示一下

提问者:五块一个馒头 2018-06-08 15:25

个回答

  • renderman
    2018-06-08 17:20:26
    已采纳

    1. 大部分情况我们调试并不关心列信息,而且就算 sourcemap 没有列,有些浏览器引擎(例如 v8) 也会给出列信息,所以我们使用 cheap 模式可以大幅提高 souremap 生成的效率。

    2. 使用 eval 方式可大幅提高持续构建效率,参考 webapck devtool 文档 下方速度对比表格,这对经常需要边改边调的前端开发而言,非常重要!

    3. 使用 module 可支持 babel 这种预编译工具(在 webpack 里做为 loader 使用)。