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

Question

我对 bower 和 grunt 很陌生，所以基本的东西对我来说不好用。

我 bower install --save bootstrap 并希望 grunt-bower-install 更新我的 js 和 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"
        ]
    }
}

Override 告诉 bowerInstall 插件在 dist/css/bootstrap/css 中查找文件，以便在 html 文件中创建 link 路径。

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

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

grunt-bower-install won't include my css files

javascript

npm

gruntjs

bower