2015-06-22 6 views
0

Я создал тестовое приложение с глотком-угловым. Я думаю, что исходные карты генерируются автоматически. После того, как я построить приложение, когда я смотрю на поставщик xxx.js, это выглядит следующим образом:Поведение исходной карты - как просмотреть исходный javascript перед минификсацией

     /*! 
         * jQuery JavaScript Library v2.1.4 
         * http://jquery.com/ 
         * 
         * Includes Sizzle.js 
         * http://sizzlejs.com/ 
         * 
         * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors 
         * Released under the MIT license 
         * http://jquery.org/license 
         * 
         * Date: 2015-04-28T16:01Z 
         */ 
         !function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t="length"in e&&e.length,n=Q.type(

Это еще уменьшенным правильно?

Как просмотреть исходный файл javascript?

PS. Вот как выглядит app-xxx.js:

    !function() { 
         "use strict"; 
         angular.module("test", ["ngAnimate", "ui.router", "ui.bootstrap"]) 
        }(), function() { 
         "use strict"; 
         function t() { 
          function t() { 
           return n 
          } 
          var n = [{title: "AngularJS",url: "https://angularjs.org/",description: "HTML enhanced for web apps!",logo: "angular.png"}, {title: "BrowserSync",url: "http://browsersync.io/",description: "Time-saving synchronised browser testing.",logo: "browsersync.png"}, {title: "GulpJS",url: "http://gulpjs.com/",description: "The streaming build system.",logo: "gulp.png"}, {title: "Jasmine",url: "http://jasmine.github.io/",description: "Behavior-Driven JavaScript.",logo: "jasmine.png"}, {title: "Karma",url: "http://karma-runner.github.io/",description: "Spectacular Test Runner for JavaScript.",logo: "karma.png"}, {title: "Protractor",url: "https://github.com/angular/protractor",description: "End to end test framework for AngularJS applications built on top of WebDriverJS.",logo: "protractor.png"}, {title: "Bootstrap",url: "http://getbootstrap.com/",description: "Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.",logo: "bootstrap.png"}, {title: "Angular UI Bootstrap",url: "http://angular-ui.github.io/bootstrap/",description: "Bootstrap components written in pure AngularJS by the AngularUI Team.",logo: "ui-bootstrap.png"}, {title: "Stylus",url: "http://learnboost.github.io/stylus/",description: "Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.",logo: "stylus.png"}]; 
          this.getTec = t 
         } 
         angular.module("test").service("webDevTec", t) 
        }(), function() { 
         "use strict"; 
         function t() { 

ответ

1

Я использую отдельную задачу для решения проблемы развития и производства. Поэтому, когда я запускаю gulp --debug, он пропустит шаг построения миниатюры. Поэтому, если у вас нет такого шага, возможно, стоит настроить.

Взгляните на пакеты npm: gulp-if и yargs.

Я не знаком с исходными картами, но считаю, что нажатие кнопки Pretty JavaScript/CSS в Chrome Dev Tools может сделать трюк ...?

 Смежные вопросы

  • Нет связанных вопросов^_^