Здравствуйте! У меня есть следующий рабочий порядок скриптов:
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/socket.io.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/angular/angular-route.min.js"></script>
<script src="js/angular/angular-resource.min.js"></script>
<script src="app.js"></script>
<script src="factory/ng-socket-io.js"></script>
<script src="controllers/MainController.js"></script>
<script src="controllers/AuthController.js"></script>
Хочу их сжать и склеить gulp'ом, делаю следующим образом:
var assets = {
js : [
'public/js/vendor/*.js',
'public/js/angular/*.js',
'public/js/app.js',
'public/factory/*.js',
'public/controllers/*.js'
]
};
gulp.task('js', function(){
gulp.src(assets.js)
.pipe(concat('build.js'))
.pipe(uglify())
.pipe(gulp.dest('public/'))
});
Но как вы понимаете начались жалобы на отсутствие jquery, потом отсутствие angular модуля, и.т.д. Скажите пожалуйста как мне сохранить порядок конкатенции и не потерять эффект автоматизации подгрузки новых скриптов?
Нашел ответ, что можно разделить на 2 потока (файла), в одной vendor, в другом angular, но мне хотелось бы обойтись одним файлом. Спасибо!
И еще один вопрос, если в папке уже лежат min файлы, их стоит удалить, и добавить неминифицированные, или это никак не влияет, можно и минифицированные обрабатывать?