Tag: 源地图

我应该为JavaScript源文件映射文件使用哪种MIMEtypes？: 我想将源地图添加到我的网站，但是我想对它们的服务方式进行一些控制。什么是适合他们的MIMEtypes？一些数据内容本身是JavaScript，但并不意味着要被执行。 CDN.js通过Content-Type: application/octet-stream提供http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.map 。 Google通过Content-Type: application/json提供http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.map 源地图规范指出地图应该以)]}来防止它们被评估为实际的JavaScript（从而暴露跨站脚本攻击）。这使得该文件无效的JSON和有效的，但无法运行的JavaScript。

断点debuggingminfied / mangled /编译variables: 着手将JavaScript源代码构build到我的工作stream程中，并且一直在寻找关于debugging源地图的特定部分的一些文档。在下面的图片中，我正在运行压缩的Javascript代码，但通过源地图的魔力，Chromedebugging器能够重build看似未压缩的代码，供我debugging：但是，如果您查看本地variables， someNumber和someOtherNumber未定义。相反，我们有a和r ，这是这个函数编译的variables名称。这对于Mozilla Firefox和Chrome都是一样的。我试图通过源代码映射的Chrome开发工具文档，但我没有看到任何关于这方面的文章。这是目前的源代码debugging的限制，是否有任何解决方法呢？更新：我已经find铬项目问题的线程。它看起来不像已经或正在执行。随着团队开始在构build系统中实现Babel来编写ES2015代码，这正变得越来越重要。有任何团队find解决办法吗？

在生产中使用css / javascript源地图的性能影响？: 应该在生产环境中使用源图吗？他们提供除debugging以外的任何好处吗？他们是否影响应用程序加载时间，由于额外的服务器往返？浏览器是否足够聪明，以加载和渲染应用程序后加载.map资产？如果浏览器找不到.map资源（ 404错误），会不会有性能影响？我应该关心修理吗？请注意，如果复杂的concat / minify构build步骤，修复最后一个可能不如服务.map资产那么简单。

Chrome开发工具/ Firebug中的Less / Sassdebugging: 你们如何对使用Less / Sass构build的CSS进行维护？我喜欢的关于开发工具/ Firebug的一件事是能够看到一个CSS样式的行号。除了必须手动search.less / .scss文件来查找我想要修改的代码之外，是否有一种使用CSS预处理程序执行此操作的好方法？

文件正在分配一个//＃sourceMappingURL，但已经有一个: 我只是注意到Firefox控制台为我的项目中的每一个.js / .coffee文件（甚至包）输出以下错误。 -file- is being assigned a //# sourceMappingURL, but already has one Chrome的控制台不显示任何内容。我试图删除所有.map文件并清除Firefox的caching，但我仍然收到错误。

“未知提供者：aProvider < – a”我如何find原始提供者？: 当我加载AngularJS应用程序的缩小版（通过UglifyJS）时，在控制台中出现以下错误： Unknown provider: aProvider <- a 现在，我意识到这是由于variables名称的改变。 unmangled版本工作得很好。但是，我确实想要使用variables名称，因为它大大减less了我们的JS输出文件的大小。出于这个原因，我们在构build过程中使用ngmin ，但似乎并没有解决这个问题，即使它在过去也很好。所以，为了debugging这个问题，我在uglify grunt任务中启用了源映射。它们生成得很好，而Chrome则从服务器加载映射。然而，即使我觉得现在应该看到提供者的原始名称，我仍然得到了同样无益的错误信息。我如何让Chrome使用源地图来告诉我哪个提供者是这里的问题，或者，如何以另一种方式找出提供者？

如何在使用babel和webpack时生成源映射？: 我是新来的webpack，我需要一手设置生成源代码。我webpack serve运行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 + '/src/styles', 'mixins': __dirname + […]

Javascript的.map文件 – JavaScript源地图: 最近我看到一些带有一些JavaScript库（如Angular ）的.js.map扩展的文件，这只是在我的脑海里提出了一些问题：这是为了什么？为什么Angular关心的人要提供一个.js.map文件？我如何（作为一个JavaScript开发人员）使用angular.min.js.map文件？我应该关心为我的JavaScript应用程序创build.js.map文件吗？它是如何创build的？我看了一下angular.min.js.map ，里面填充了奇怪格式的string，所以我认为它不是手动创build的。

Bootstrap 3.1中使用的.map文件是什么？: 有两个文件包含在带有.map文件扩展名的CSS文件夹中。他们是： bootstrap-theme.css.map bootstrap.css.map 他们似乎是缩小的文件，但我不知道他们是什么。