0
私はかなり基本的なセットアップをsass、watch、uglifyで行っていますが、何らかの理由でjsファイルが保存されたときに検出することができません。私は 'grunt uglify'を実行してJSファイルをバンドルし、ウォッチが(別のコンソールインスタンスで)実行されている場合は、それを検出してリロードをトリガーします。UglifyはGrunt Watchと連携していません
私はたくさんの組み合わせを試しましたが、私はそれが本当にダムなのか、私はそれを見ていないのですか?
私gruntfile.js:あなたの時計の設定で
module.exports = function(grunt) {
grunt.registerTask('default', ['sass', 'uglify']);
grunt.initConfig({
sass: {
dist: {
options: {
style: 'expanded'
},
files: { 'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.css': 'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.scss' }
}
},
uglify: {
my_target: {
files: {
'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/js/site.js': [
'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/lib/jquery/dist/jquery.js',
'fivesixtwo.com/src/FiveSixTwo.com/wwwroot/lib/*.js'
]
}
}
},
watch: {
options: {
livereload: 35729,
},
html: {
files: ['fivesixtwo.com/src/FiveSixTwo.com/Views/*.cshtml'],
},
sass: {
options: {
livereload: false
},
files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/*.scss'],
tasks: ['sass']
},
css: {
files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/css/main.css'],
tasks: []
},
scripts: {
files: ['fivesixtwo.com/src/FiveSixTwo.com/wwwroot/js/site.js'],
tasks: ['uglify']
}
}
});
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-uglify');
};
まあ、それは完全にそれでした。ワオ。どのように脳は、ソリューションがどれほどシンプルであっても、何か過去を乗り越えることができない状態になるのでしょうか? 私の頭では、単一のJSファイルを生成しているので、私が持っていたやり方でうまくいくはずでした。変更についてはただ見ています。それは、CSSが動作している方法です。 このファイルを見て、uglifyタスクを実行してjsファイルをバンドルする 'uglify'を実行しています。今私はそれがどのように動作していないことがわかります。まだ少し混乱していますが、少なくとも私はどのようにセットアップされるべきかを知っています。 ;) 私は_これが他の誰かを助けることを願っています! – sinrise
@sinriseあなたは大歓迎です。 –