Question

在预期Sassier Bootstrap 4时，我（尝试）在Bootstrap 3.3.5和setting up the required Gruntfile.js文件上从Less切换到Sass。我没有问题编译Less但是不能让Grunt和Sass一起工作，具体来说，$ grunt和$ grunt watch都得到了我

Running "watch" task Waiting...

永远。

不用说它不编译。我尝试$ grunt watch --verbose并获得了很多绿色OK。

我认为我gruntfile.js中有一些错误或效率低下，但由于这是Baby的第一个Gruntfile.js，我从这里停留。你能看出造成这种情况的原因吗？

    /*** Created by morgan on 9/13/15. */    

    module.exports = function (grunt) {
          grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),

        sass: {
          dev: {
        options: {
          includePaths: ['static/sass']
        },
        dev: {
          options: {
            style: 'expanded',
            compass: false
          },
          files: {
            'css/styles.css': 'sass/styles.scss'
          }
        }
      }
    },

    watch: {
      grunt: { files: ['Gruntfile.js'] },
      sass: {
        files: [
          'sass/**/*.scss'
        ],
        tasks: ['sass:dev']
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', 'watch')
};

我的项目目录，如果有帮助的话：

(Django project)
app
├── static
│   ├── sass
│   │   ├── _bootstrap.scss
│   │   └── styles.scss
│   ├── css
│   │   └── styles.css
│   └── jquery
├── node_modules
│   ├── grunt
│   ├── grunt-contrib-sass
│   └── grunt-contrib-watch
├── Gruntfile.js
└── package.json

Answer 1

@maxbeatty在Slack #help中提供了可执行文件Gruntfile.js和package.json。 on GitHub这里： https://github.com/maxbeatty/example-grunt-sass-bootstrap

请注意，如果您将此模板用于自己的sass-bootstrap项目，则可能需要更改files:路径以匹配您自己的路径。

Gruntfile.js

module.exports = function (grunt) {
  grunt.initConfig({
    sass: {
      dev: {
        options: {
          outputStyle: 'expanded'
        },
        files: {
          'static/css/styles.css': 'static/sass/styles.scss'
        }
      }
    },

    watch: {
      sass: {
        files: [
          'static/sass/**/*.scss'
        ],
        tasks: ['sass:dev']
      }
    }
  });

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', 'watch')
};

package.json依赖项：

  "devDependencies": {
    "grunt": "^0.4.5",
    "grunt-contrib-watch": "^0.6.1",
    "grunt-sass": "^1.0.0"
  }

同样，来自@maxbeatty。（目录不变）。 watch故障排除存档在Slack通道中以供进一步阅读。

Grunt正在跑步＆＃34;观看＆＃34;任务和等待......永远。这是我的Gruntfile.js语法吗？

1 个答案: