Я использую Grunt для просмотра изменений в файлах sass/js и их компиляции в мою общую папку. Я установил функцию Livereload, которая работает нормально, но когда я скомпилирую js, Livereload перезагружает мою страницу 2 раза, что раздражает. Я думаю, это связано с тем, что у меня есть несколько JS-файлов, созданных во время просмотра (concat, minify).Livereload только при изменениях в общей папке
Поэтому я подумал, что может быть хорошей идеей только перезагрузить изменения в моей общей папке с тех пор (на данный момент). У меня есть только один файл js (uglify.js) и один файл css (main.css). Но я не вижу, как я могу работать.
Это как мой текущий gruntfile выглядит:
module.exports = function (grunt) {
// Project configuration.
grunt.initConfig({
watch: {
watch_js_files: {
files: ['js/*.js'],
tasks: ['concat', 'minified', 'uglify'],
},
watch_sass_files: {
files: ['css/*.scss'],
tasks: ['sass'],
}
},
connect: {
server: {
options: {
open: true,
keepalive: true,
hostname: 'localhost',
port: 8080,
base: ''
}
}
},
concat: {
dist: {
src: ['js/*.js'],
dest: 'js/min/concat.js'
},
},
minified: {
files: {
src: ['js/min/concat.js'],
dest: 'js/min/minified.js'
},
},
uglify: {
my_target: {
files: {
'public/js/uglify.js': ['js/min/minified.jsconcat.js']
}
}
},
sass: {
dist: {
files: {
'public/css/main.css': 'css/*.scss'
}
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-minified');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-connect');
};