css - 我无法在元素中使用node-bourbon

Question

我尝试使用npm模块来处理scss文件。波旁节。
我得到以下错误：

  with: function() {
var paths  = Array.prototype.slice.call(arguments);
return [].concat.apply([bourbon.includePaths], paths);
}
};

  Invalid CSS after "v": expected 1 selector or at-rule, was "var path =   require("
  in C:\Users\gwk736\GitLab\Inform\node_modules\node-bourbon\index.js (line   1, column 1)
@ ./src/app/header/header.component.ts 20:21-55

我的SCSS第一行：

@import "~node-bourbon";

我的组件：

import { Component } from 'angular2/core';

@Component({
selector: 'header',
template: require('./header.component.html'),
styles: [ require('./header.component.scss') ]
})
export class HeaderComponent {
headerTitle: string = 'title';
}

Answer 1

假设您使用的是webpack，那么您应该对scss使用loader，比如sass-loader（https://github.com/jtangelder/sass-loader）。
检查此项目：https://github.com/fraserxu/webpack-bourbon-test