9

Gruntfile.js にこの設定があります

module.exports = function(grunt) {
    grunt.initConfig({
        less: {
            development: {
                options: {
                    compress: false,
                    yuicompress: false,
                    optimization: 0
                },
                files: {
                    // target.css file: source.less file
                    "assets/css/main.css": "assets/css/main.less"
                },
            } 
        },
        watch: {

            styles: {
                // Which files to watch (all .less files recursively in the less directory)
                files: ['assets/css/*.less', 'assets/less/*.less'],
                tasks: ['less'],
            },
            // Live reload CSS
            css: {
                files: ['assets/css/*.css'],
                options: {
                    nospawn: true,
                    interrupt: false,
                    livereload: true,
                },
            },
        },
    });
    // Watch
    grunt.loadNpmTasks('grunt-contrib-watch');
    // Less Complile
    grunt.loadNpmTasks('grunt-contrib-less');

    grunt.registerTask('default', ['less','watch']);
};

私のスタイルシートは次のようにロードされます:

<link rel="stylesheet" href="http://project.dev/wp-content/themes/project/style.css">

css ファイルを変更するたびに、この URL のブラウザで 404 エラーが発生します

http://project.dev/assets/css/main.css?livereload=1392748371895

cssファイルは次の場所にあるため、これはもちろん正しいです：

http://project.dev/wp-content/themes/project/assets/css/main.css

正しい URL を取得するためにライブ リロードを取得するにはどうすればよいですか?

4

2 に答える 2

3

これをテストできるセットアップはありませんが、基本オプションを設定する必要があると思います：

// Project configuration.
grunt.initConfig({
  connect: {
    server: {
      options: {
        base: 'www-root'
      }
    }
  }
});

こちらのドキュメントを参照してください: https://github.com/gruntjs/grunt-contrib-connect/blob/master/README.md#basic-use

関連する場合は、複数のサーバーを読み込んでください。

于 2014-02-21T17:16:39.220 に答える