[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME>情報備忘録>[Grunt]javascriptとcssを別々にwatchしたい
[Grunt]javascriptとcssを別々にwatchしたい
普通にwatchしてるとJavascript編集時にCSSの処理も走るので、Javascript編集時にはJavascriptのみのタスクが、 CSS編集時にはCSSのタスクのみが走るようにする。
Gruntfile.js
- module.exports = function (grunt) {
- grunt.initConfig({
- pkg: grunt.file.readJSON('package.json'),
- compass: {
- dist: {
- options: {
- sassDir: 'sass',
- cssDir: 'css',
- environment: 'production',
- outputStyle: 'compressed'
- }
- }
- },
- watch: {
- css: {
- files: ['sass/*'],
- tasks: ['compass', 'concat:css']
- },
- js: {
- files: ['javascript/*'],
- tasks: ['concat:js', 'uglify:js']
- }
- },
- concat: {
- js: {
- src: [
- 'javascript/core.js',
- 'javascript/modules.js'
- ],
- dist: 'javascript/all.js'
- },
- css: {
- src: [
- 'css/libs.css',
- 'css/doc.css'
- ],
- dist: 'css/all.css'
- }
- },
- uglify: {
- js: {
- options: {
- banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
- },
- build: {
- src: 'javascript/all.js',
- dest: 'javascript/all.min.js'
- }
- }
- }
- });
- grunt.loadNpmTasks('grunt-contrib-compass');
- grunt.loadNpmTasks('grunt-contrib-watch');
- grunt.loadNpmTasks('grunt-contrib-concat');
- grunt.loadNpmTasks('grunt-contrib-uglify');
- grunt.registerTask('watch-css', [ 'watch:css' ]);
- grunt.registerTask('watch-js', [ 'watch:js' ]);
- };
重量なのはwatchのところで、watchの下を適当なプロパティ名で分けておくと
SH
- grunt watch
したとき、Javascriptの編集でCSSのタスクが走ったりすることがない。 この例では不要ですが、grunt.registerTask()を利用することで 自分でコマンドで実行できるタスクを作成できる。
CSSのみwatchしたい時
- grunt watch-css
Javascriptのみwatchしたい時
- grunt watch-css
いつか必要になりそうな機能です。
| 投稿日 | 2013年11月20日 21:12 |
|---|---|
| カテゴリ | 設定 | 開発環境 |
| タグ | Grunt |
| トラックバック URL | http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1335 |
コメント