                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo應(yīng)用

關(guān)于#cheap-module-eval-source-map

我還是不太清楚加上config.devtool = '#cheap-module-eval-source-map'這個(gè)之后有什么用，瀏覽器上哪里可以看到變化嗎，初學(xué)者，有沒(méi)有好心人提示一下

五塊一個(gè)饅頭

2018-06-08

源自：Vue+Webpack打造todo應(yīng)用 2-3

關(guān)注問(wèn)題我要回答

5951

操作

收起

1 回答

renderman 回答被采納 +2 積分
2018-06-08

大部分情況我們調(diào)試并不關(guān)心列信息，而且就算 sourcemap 沒(méi)有列，有些瀏覽器引擎（例如 v8）也會(huì)給出列信息，所以我們使用 cheap 模式可以大幅提高 souremap 生成的效率。
使用 eval 方式可大幅提高持續(xù)構(gòu)建效率，參考 webapck devtool 文檔下方速度對(duì)比表格，這對(duì)經(jīng)常需要邊改邊調(diào)的前端開(kāi)發(fā)而言，非常重要！
使用 module 可支持 babel 這種預(yù)編譯工具（在 webpack 里做為 loader 使用）。