不要将所有css文件编译到app.css中，并在需要时手动包含其中一些

Question

我有一个Elixir / Phoenix应用程序，其中我使用早午餐和npm。由于所有的css文件都被编译成了app.css，我想不再编译所有这些文件而只是其中的一部分，并且包括那些在某些页面上没有手动编译的文件，我想知道，有没有办法做到这一点？

Answer 1

在全新的凤凰城1.2应用中，以下是如何设置/css/app.css以包含除web/static/css/foo.css和web/static/css/bar.css之外的所有文件，/css/foo.css仅包含web/static/css/foo.css ，/css/bar.css仅包含web/static/css/bar.css：

将brunch-config.js的{​​{1}}对象修改为以下内容：

stylesheets:

然后，在视图中，您可以单独包含这些文件：

...
stylesheets: {
  joinTo: {
    "css/app.css": [/^web\/static\/css\//, "!web/static/css/foo.css", "!web/static/css/bar.css"],
    "css/foo.css": "web/static/css/foo.css",
    "css/bar.css": "web/static/css/bar.css"
  },
  order: {
    after: ["web/static/css/app.css"] // concat app.css last
  }
},
...