早午餐bower_component CSS不编译?(Fancybox)

Question

我试图遵循所有这些其他线程，但由于某种原因无法使此工作:

供应商的CSS文件没有为Brunch编译

在Brunch中分离应用程序和供应商的css

由于某些原因，我根本无法得到早午餐输出供应商的CSS ?

我说的这个包是Fancybox，它有一个css文件source/jquery.fancybox.css .

我已经在我的bower.json中覆盖了fancybox main(因为包中没有包含main)。由于某些原因，没有css输出，只有javascript输出。我觉得我必须做一些微不足道的错误，因为没有错误的输出，我甚至看到css文件被监视在调试输出?

brunch b -Pd输出:

❯ brunch b -Pd > brunch-debug.txt
  brunch:watch Loaded plugins: javascript-brunch, sass-brunch +0ms
  brunch:watch File 'package.json' received event 'add' +5ms
  brunch:watch File 'bower.json' received event 'add' +1ms
  brunch:watch File 'brunch-config.coffee' received event 'add' +0ms
  brunch:file-list Reading 'bower_components/fancybox/source/jquery.fancybox.js' +1ms
  brunch:watch File 'bower_components/fancybox/source/jquery.fancybox.js' received event 'add' +0ms
  brunch:file-list Reading 'bower_components/fancybox/source/jquery.fancybox.css' +0ms
  brunch:watch File 'bower_components/fancybox/source/jquery.fancybox.css' received event 'add' +0ms
  brunch:source-file Initializing fs_utils.SourceFile: {"path":"bower_components/fancybox/source/jquery.fancybox.js","isntModule":true,"isWrapped":true} +1ms
  brunch:pipeline Compiling 'bower_components/fancybox/source/jquery.fancybox.js' with 'JavaScriptCompiler' +1ms
  brunch:file-list Compiled file 'bower_components/fancybox/source/jquery.fancybox.js'... +40ms
  brunch:write Writing 1/1 files +71ms
  brunch:generate Concatenating bower_components/fancybox/source/jquery.fancybox.js to public/libraries.js +3ms
  brunch:common Writing file 'public/libraries.js' +7ms

我已经设置了我的配置文件如下:

brunch-config.coffee

module.exports = config:
  files:
    javascripts: joinTo:
      'libraries.js': /^(?!app/)/
      'app.js': /^app//
    stylesheets: joinTo:
      'vendor.css': /^(bower_components|vendor)//
      'app.css': /^app//
  modules:
    wrapper: false
    definition: false

bower.json

{
  "name": "brunch-test-fancybox",
  "version": "0.0.0",
  "authors": [
    "Test <[e-mail]>"
  ],
  "description": "",
  "main": "",
  "moduleType": [],
  "license": "MIT",
  "homepage": "",
  "private": true,
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "overrides": {
    "fancybox": {
      "main": [
        "source/jquery.fancybox.css",
        "source/jquery.fancybox.js"
      ]
    }
  },
  "dependencies": {
    "fancybox": "~2.1.5"
  }
}

package.json

{
  "name": "brunch-test-fancybox",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "brunch": "^1.8.5",
    "javascript-brunch": "^1.7.1",
    "sass-brunch": "^1.9.1"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Answer 1

将css-brunch插件添加到您的项目中，否则Brunch不知道如何处理.css文件。