End of AngularJS, Build (Minify, concat, ...)

-2

Я закончил свое приложение Angular JS ... и теперь что?End of AngularJS, Build (Minify, concat, ...)

У меня есть приложение с 10 сценариев ЦКЗ в index.html, 6 нг включает, ... Все это есть HTTP-запросов, и имеют относительный размер ...

Есть некоторые особенности, так или команда для кода завершения компиляции/сборки/генерации/развертывания? с все включено, уменьшенная, ...

Или я должен сделать это с хрюкать/глотком :(

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html lang="en" ng-app="Bit2Card" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html lang="en" ng-app="Bit2Card" class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html lang="en" ng-app="Bit2Card" class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html lang="en" ng-app="Bit2Card" class="no-js"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>App</title> 
    <meta name="description" content="Generate a credit card on fly with Bitcoins"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
    <link href="reset.css" rel="stylesheet"> 
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
    <link rel="stylesheet" href="app.css"> 
    <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script> 
</head> 
<body> 

    <!--[if lt IE 7]> 
    <p class="browsehappy"> 
     You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience. 
    </p> 
    <![endif]--> 

    <div id="app" ng-controller="appController" class="{{viewBack ? 'viewBack' : ''}}"> 

     <ng-include src="'partials/overlays/load.html'"></ng-include> 
     <ng-include src="'partials/overlays/error.html'"></ng-include> 
     <ng-include src="'partials/overlays/terms.html'"></ng-include> 
     <ng-include src="'partials/overlays/qr.html'"></ng-include> 
     <ng-include src="'partials/overlays/payout.html'"></ng-include> 
     <ng-include src="'partials/overlays/restart.html'"></ng-include> 

     <div id="flip"> 
      <div id="frontCard"> 
       <ng-include src="'partials/header.html'"></ng-include> 
       <div id="panels"> 
        <div id="select" class="panel{{panel === 1 ? ' visible' : ''}}" ng-include="'partials/panels/select.html'"></div> 
        <div id="pay" class="panel{{panel === 2 ? ' visible' : ''}}" ng-include="'partials/panels/pay.html'"></div> 
        <div id="get" class="panel{{panel === 3 ? ' visible' : ''}}" ng-include="'partials/panels/get.html'"></div> 
       </div> 
       <ng-include src="'partials/footer.html'"></ng-include> 
      </div> 
      <div id="backCard" ng-include="'partials/backside.html'"></div> 
     </div> 

    </div> 

    <!-- 
    In production use: 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script> 
    --> 
    <script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
    <script type="text/javascript" src="bower_components/zeroclipboard/dist/ZeroClipboard.min.js"></script> 
    <script type="text/javascript" src="bower_components/ng-clip/dest/ng-clip.min.js"></script> 
    <script type="text/javascript" src="bower_components/qrcode/lib/qrcode.min.js"></script> 
    <script type="text/javascript" src="bower_components/angular-qr/angular-qr.min.js"></script> 
    <script type="text/javascript" src="bower_components/angular-translate/angular-translate.min.js"></script> 
    <script type="text/javascript" src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script> 
    <script type="text/javascript" src="scripts/lin2a.min.js"></script> 
    <script type="text/javascript" src="scripts/app.js"></script> 

</body> 
</html>

источник

2014-11-28 user1710825

Когда вы говорите «конец», вы имеете в виду, что вы закончили свой проект? – Grice

Вы должны использовать grunt/gulp, как вы предложили. аккуратный Gruntfile.js, который показывает, как создать ваше приложение] (https://github.com/DaftMonk/generator-angular-fullstack/blob/master/app/templates/Gruntfile.js) –

Технически вы не используете _have_ для использования gulp/grunt, но это, безусловно, самое простое решение. Вы можете включать библиотеки и писать свои собственные скрипты сборки, это то, что мы должны были сделать раньше (в древние времена) – JimL

Я думаю, вы должны проверить:. https://www.npmjs.org/package/gulp-html-replace Он будет читать через этот HTML для вас и вставьте новый тег скрипта, который указывает на комплектную версию всех этих депок.

источник

2014-12-03 20:57:07 thataustin

End of AngularJS, Build (Minify, concat, ...)

ответ

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