Сообщение от Jay27
|
Всем привет, подскажите как сделать такую вещь:
1) есть пути к 2ум разным скриптам:
<script src="site-com/js1"></script>
<script src="site-com/js2"></script>
как можно сделать так, чтобы одной ссылкой срабатывало 2 скрипта ? чтобы был 1 путь; пробовал все закинуть в один файл, не работает.
2) Как закрыть содержимое скрипта, т.е. если открыть исходный код сайта и перейти по ссылке, то можно просмотреть сам скрипт, а как сделать так, чтобы этоuj нельзя было сделать, но при этом чтобы скрипт работал ?
|
gulp + gulp-uglify из npm и все будет работать.
Вот тут можно почитать
как установить npm на Windows.
После установи npm, устанавливаем npm пакеты:
https://www.npmjs.com/package/gulp
https://www.npmjs.com/package/gulp-uglify
https://www.npmjs.com/package/gulp-rename
в консоли переходим в папку проекта и пишем: npm {имя пакета}, пример "npm gulp"
Далее создаешь gulpfile.js в корне проекта:
var gulp = require('gulp'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename');
gulp.task('js', function(){
gulp.src('./js/*.js')
.pipe(concat('concat.js'))
.pipe(gulp.dest('dist'))
.pipe(rename('app.min.js'))
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
gulp.task('watch', function() {
gulp.watch( "./js/*.js", ["js"] );
});
gulp.src('./js/*.js') - откуда брать все js файлы
.pipe(concat('concat.js')) - возьмет все файлы и соединит в один
.pipe(rename('app.min.js')) - изменить имя файла
.pipe(uglify()) - минимизируем все что получилось в concat.js (делаем в одну строчу)
.pipe(gulp.dest('dist')) - папка куда потом добавить все файлы и concat.js и app.min.js
gulp.task('watch', function() {
gulp.watch( "./js/*.js", ["js"] );
});
Чтобы при каждом обновлении любого файла из ./js/ весь процесс описанный мною выше повторялся с начала.
И далее в консоли переходишь снова в папку проекта и прописываешь "gulp watch".