Brunch 未使用 sass-brunch 编译 SASS 文件
Brunch is not compiling a SASS file with sass-brunch
我正在使用 SASS、CoffeeScript、Jade 和 Brunch 构建一个项目。一切正常,除了我的 application.sass
没有编译。
这是我的早午餐config.coffee
exports.config =
modules:
definition: false
wrapper: false
conventions:
assets: /^app\/views/
files:
javascripts: joinTo:
'app.js': /^app\/scripts\/.*/
'index.js': /^app\/scripts\/index\.coffee/
stylesheets: joinTo:
'app.css': /^app\/styles\/application\.sass/
我的节点package.json
{
"name": "disynr",
"version": "0.0.0",
"description": "Website builder",
"main": "public/index.html",
"devDependencies": {
"brunch": "^1.8.5",
"coffee-script-brunch": "^1.8.2",
"javascript-brunch": "^1.7.1",
"sass-brunch": "^1.8.11",
"watch": "^0.16.0"
},
"author": "Samadi van Koten",
"license": "MIT",
"dependencies": {
"jade": "^1.11.0"
}
}
application.sass
的内容
body
font-family: Helvetica,Arial,sans-serif
和tree app
的输出
app
├── scripts
│ ├── _helpers.js
│ ├── helpers.coffee
│ └── index.coffee
├── styles
│ └── application.sass
└── views
├── head.jade
├── index.html
└── ui.jade
3 directories, 7 files
brunch b -d 2>&1 | grep application
的输出:
Mon, 14 Sep 2015 20:32:31 GMT brunch:file-list Reading 'app/styles/application.sass'
Mon, 14 Sep 2015 20:32:31 GMT brunch:watch File 'app/styles/application.sass' received event 'add'
public/app.css
应由 Brunch 构建的文件 public/app.css
在 运行 brunch build
或 brunch watch
之后不存在。
我正在使用 Mac OS X Yosemite。如果需要更多信息,请post发表评论。
sass-brunch
插件以前需要 ruby gem 来处理 .sass 语法。现在支持已添加到 libsass,本机扩展 sass 编译器,sass-brunch
v1.9+ 也一样。
解决问题:
npm install sass-brunch@1.9 --save
我正在使用 SASS、CoffeeScript、Jade 和 Brunch 构建一个项目。一切正常,除了我的 application.sass
没有编译。
这是我的早午餐config.coffee
exports.config =
modules:
definition: false
wrapper: false
conventions:
assets: /^app\/views/
files:
javascripts: joinTo:
'app.js': /^app\/scripts\/.*/
'index.js': /^app\/scripts\/index\.coffee/
stylesheets: joinTo:
'app.css': /^app\/styles\/application\.sass/
我的节点package.json
{
"name": "disynr",
"version": "0.0.0",
"description": "Website builder",
"main": "public/index.html",
"devDependencies": {
"brunch": "^1.8.5",
"coffee-script-brunch": "^1.8.2",
"javascript-brunch": "^1.7.1",
"sass-brunch": "^1.8.11",
"watch": "^0.16.0"
},
"author": "Samadi van Koten",
"license": "MIT",
"dependencies": {
"jade": "^1.11.0"
}
}
application.sass
body
font-family: Helvetica,Arial,sans-serif
和tree app
app
├── scripts
│ ├── _helpers.js
│ ├── helpers.coffee
│ └── index.coffee
├── styles
│ └── application.sass
└── views
├── head.jade
├── index.html
└── ui.jade
3 directories, 7 files
brunch b -d 2>&1 | grep application
的输出:
Mon, 14 Sep 2015 20:32:31 GMT brunch:file-list Reading 'app/styles/application.sass'
Mon, 14 Sep 2015 20:32:31 GMT brunch:watch File 'app/styles/application.sass' received event 'add'
public/app.css
应由 Brunch 构建的文件 public/app.css
在 运行 brunch build
或 brunch watch
之后不存在。
我正在使用 Mac OS X Yosemite。如果需要更多信息,请post发表评论。
sass-brunch
插件以前需要 ruby gem 来处理 .sass 语法。现在支持已添加到 libsass,本机扩展 sass 编译器,sass-brunch
v1.9+ 也一样。
解决问题:
npm install sass-brunch@1.9 --save