為啥用sourceMap 這幾天在搞前端錯誤日志，做過線上發布的都知道，我們發布到生產環境的代碼，一般都有如下步驟： 壓縮混淆，減小體積 多個文件合並，減少HTTP請求數 通過編譯或者轉譯，將其他語言編譯成JavaScript 這三個步驟，都使得實際運行的代碼不同於開發代碼 ...

前端發展至今已不再是刀耕火種的年代了，出現了typescript、babel、uglify.js等功能強大的工具。我們手動撰寫的代碼一般具有可讀性，並且可以享受高級語法、類型檢查帶來的便利，但經過工具 ...

minify.bat 注意要改下map文件中的路徑 在壓縮文件后面加上 Chrome 開發選項中 enable sourcemap就OK 阮一峰 - JavaScript Source Map 詳解 ...

Vue打包后出現一些map文件的解決辦法： 問題： 可能很多人在做vue項目打包，打包之后js中，會自動生成一些map文件，那我們怎么把它去掉不要呢？ 1，運行 cnpm run build ...

build命令后占體積最大的是.map文件，webpack如何設置不讓編譯出.map文件呢？ map文件的作用：項目打包后，代碼都是經過壓縮加密的，如果運行時報錯，輸出的錯誤信息無法准確得知是 ...

前言：在寫這篇文章之前，我必須要吐槽一下webpack了。特別喜歡更新版本，更新就算了，文檔還跟不上。文檔真的讓人迷惑了，大爺的。 背景：由於我正在寫sourceMap反向定位源碼的功能，所以最近需要使用到webpack的source-map配置。因為公司webpack的版本有2.0和4.0 ...

eval：使用 eval 方式可大幅提高持續構建效率 source-map： 產生.map文件 cheap： 使用 cheap 模式可以大幅提高 souremap 生成的效率。大部分情況我們調試並不關心列信息，而且就算 sourcemap 沒有列，有些瀏覽器引擎 ...

最近項目用上了sass,作為css的預處理器，它可以讓我們用程序化的思維書寫樣式，極大的簡化了css的開發，實在是前端居家旅行必備的利器。 我們都知道，在項目中，樣式的頻繁調試是不可避免的，用上sa ...