Question

我对bower和grunt很新，所以基本的东西对我来说都不好。

我bower install --save bootstrap并希望grunt-bower-install更新我的js＆amp; css文件，根据documentation

它适用于.js文件，我已成功更新index.html

<!-- bower:js -->
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
<!-- endbower -->

但是我的dist / application.css没有改变（只是空文件）

我的Gruntfile.coffee：

module.exports = (grunt) ->
  grunt.initConfig
    pkg: grunt.file.readJSON('package.json')
    coffee:
      compile:
        files:
          'dist/application.js': 'app/assets/javascripts/*.coffee'
    bowerInstall:
      target:
        src: [
          'index.html'
          'dist/application.css'
        ]

  grunt.loadNpmTasks 'grunt-contrib-coffee'
  grunt.loadNpmTasks 'grunt-bower-install'

我应该怎么做我的application.css自动需要bootstrap的.css文件？

Answer 1

完成！

只需将其放在head代码

中即可

<!-- bower:css -->
<!-- endbower -->
<!-- bower:js -->
<!-- endbower -->

再次运行grunt bowerInstall

Answer 2

更改位于bower_modules / bootstrap /

中的bower.json文件

在最后添加另一个属性：

"overrides": {
    "bootstrap": {
        "main": [
            "dist/css/bootstrap.css"
        ]
    }
}

覆盖告诉bowerInstall插件在dist / css / bootstrap / css中查找文件，以便在html文件中创建链接路径。

第二个选项是通过在bower.json文件中指定bootstrap的版本来将bootstrap版本降级到3.3.4。

grunt-bower-install不包含我的css文件

2 个答案: