Question

我几乎是棱角分明的新人，我正在研究一个Angular2项目。我想将这些以下css文件添加到早午餐语法是什么？将它添加到brunch-config.js或index.html是否更好？

文件：

'/app/assets/css/bootstrap.css',

'/app/assets/css/custom.css',

'/app/assets/css/font-awesome.css',

'http://fonts.googleapis.com/css?family=Open+Sans'

早午餐-config.js：

exports.config = {
  // See http://brunch.io/#documentation for docs.
  files: {
    javascripts: {
      joinTo: {
        'vendor.js': /^node_modules/,
        'main.js': /^app/
      },
      order: {
        after: [/\.html$/, /\.css$/]
      }
    },
    stylesheets: {
      joinTo: 'app.css'
    },
    templates: {
      joinTo: 'main.js'
    }
  },
  plugins: {
    inlineCss: {
      html: true,
      passthrough: [/^node_modules/, 'app/global.css']
    }
  }
};

Answer 1

您可以像往常一样使用@import CSS at-rule或<link> HTML元素导入字体。要添加其他文件，请将它们放到app/styles目录中。他们现在不使用的原因是因为它们位于assets文件夹中：请在此处仅放置静态资源（例如模板）。这些文件将加入app.css。确保您已在HTML中链接样式表。

此外，您可能会发现this skeleton对于引导Angular 2应用程序非常有用。

添加多个样式表到早午餐

1 个答案: