คำถามติดแท็ก source-maps

มีไฟล์สองไฟล์ที่รวมอยู่ในCSSโฟลเดอร์ที่มีนามสกุลไฟล์. map พวกเขาคือ: bootstrap-theme.css.map bootstrap.css.map ดูเหมือนว่าจะเป็นไฟล์เล็ก แต่ฉันไม่รู้ว่ามันมีไว้เพื่ออะไร

443 twitter-bootstrap-3  source-maps 

เมื่อเร็ว ๆ นี้ฉันได้เห็นไฟล์ที่มี.js.mapส่วนขยายที่จัดส่งมาพร้อมกับไลบรารี JavaScript บางตัว (เช่นAngular ) และนั่นทำให้เกิดคำถามสองสามข้อในหัวของฉัน: มีไว้เพื่ออะไร? ทำไมคนที่ Angular สนใจส่ง.js.mapไฟล์? ฉันจะใช้angular.min.js.mapไฟล์(ในฐานะนักพัฒนา JavaScript) ได้อย่างไร ฉันควรสนใจเกี่ยวกับการสร้าง.js.mapไฟล์สำหรับแอปพลิเคชัน JavaScript ของฉันหรือไม่ มันถูกสร้างขึ้นมาได้อย่างไร? ฉันลองดูangular.min.js.mapและมันก็เต็มไปด้วยสตริงที่มีรูปแบบแปลก ๆ ดังนั้นฉันจึงคิดว่ามันไม่ได้ถูกสร้างขึ้นด้วยตนเอง

357 javascript  angularjs  source-maps 

ฉันใหม่กับ webpack และฉันต้องการมือในการตั้งค่าเพื่อสร้างซอร์สแผนที่ ฉันทำงานwebpack serveจากบรรทัดคำสั่งซึ่งรวบรวมได้สำเร็จ แต่ฉันต้องการซอร์สแผนที่จริงๆ webpack.config.jsนี้เป็นของฉัน var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: { colors: true, reasons: true }, resolve: { extensions: ['', '.js', '.jsx'], alias: { 'styles': __dirname + …

328 javascript  webpack  build-process  babeljs  source-maps 

มีวิธีที่รวดเร็วในการเปลี่ยนจากโค้ด jsx ที่แสดงใน Chrome DevTools เป็น Raw ES5 และกลับมาอีกครั้งหรือไม่?

107 javascript  google-chrome  google-chrome-devtools  source-maps 

เมื่อฉันกำลังโหลดแอปพลิเคชัน AngularJS เวอร์ชัน minified (ผ่าน UglifyJS) ฉันได้รับข้อผิดพลาดต่อไปนี้ในคอนโซล: Unknown provider: aProvider <- a ตอนนี้ฉันรู้แล้วว่านี่เป็นเพราะชื่อตัวแปรที่สับสน เวอร์ชันที่ไม่มีการเชื่อมต่อใช้งานได้ดี อย่างไรก็ตามฉันทำต้องการที่จะทำให้การใช้ชื่อ mangling ตัวแปรตามที่มันลดฮวบขนาดของไฟล์ที่ส่งออกของเรา JS ด้วยเหตุนี้เราจึงใช้ngminในกระบวนการสร้างของเรา แต่ดูเหมือนจะไม่สามารถแก้ไขปัญหานี้ได้แม้ว่าจะให้บริการเราได้ดีในอดีตก็ตาม ดังนั้นเพื่อแก้ปัญหานี้ฉันจึงเปิดใช้งานแผนที่แหล่งที่มาในงานที่น่าเกลียดของเรา พวกเขาสร้างขึ้นได้ดีและ Chrome ก็ทำได้โหลดแผนที่จากเซิร์ฟเวอร์ แต่ฉันยังคงได้รับข้อความแสดงข้อผิดพลาดที่ไม่เป็นประโยชน์เหมือนเดิมแม้ว่าฉันจะรู้สึกว่าตอนนี้ฉันควรจะเห็นชื่อเดิมของผู้ให้บริการแล้วก็ตาม ฉันจะทำให้ Chrome ใช้แผนที่ต้นทางเพื่อบอกฉันได้อย่างไรว่าผู้ให้บริการรายใดเป็นปัญหาที่นี่หรืออีกวิธีหนึ่งฉันจะค้นหาผู้ให้บริการด้วยวิธีอื่นได้อย่างไร

100 angularjs  google-chrome  uglifyjs  source-maps 

ฉันมีปัญหาที่ซอร์สแมปที่สร้างโดย Webpack โดยใช้การinline-source-mapตั้งค่าการกำหนดค่าถูกปิดทีละบรรทัดเมื่อฉันใช้ดีบักเกอร์ Chrome devtools Webpack ได้รับการตั้งค่าภายในแอปพลิเคชัน Ruby on Rails เพื่อสร้างไฟล์ JavaScript ที่ต่อกันและไม่รวมกันซึ่งประกอบด้วยโมดูลสองสามโมดูล โมดูลเหล่านั้นส่วนใหญ่เป็นส่วนประกอบของ ReactJS และถูกแยกวิเคราะห์โดยตัวjsxโหลด จากนั้นเอาต์พุตจาก Webpack จะรวมอยู่ในapplication.jsไฟล์พร้อมกับไลบรารี JavaScript อื่น ๆ ที่สร้างโดยอัญมณี ตอนใช้eval-source-mapก็ไม่มีปัญหา บางอย่างเกี่ยวกับการใช้inline-source-mapสาเหตุที่ทำให้หมายเลขบรรทัดถูกโยนออกไปทีละรายการ การตรวจสอบ JavaScript ที่ไม่ใช่คอมโพเนนต์ React ยังคงมีปัญหานี้อยู่ดังนั้นฉันไม่คิดว่ามันเกี่ยวข้องกับการใช้ jsx

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps