cli：如何在CSS中放置CSS

2018-06-30 03:25:01

我使用的是ember-cli的pod结构，通过资源将JS和模板分组，这是一个巨大的进步。与资源相关的逻辑的最后一个遗迹是CSS（SCSS）文件，这些文件已经沿着pod-like线分解，但仍然停留在app/styles 。

我的想法是将CSS文件移动到每个窗格中，名称为style.css 。我的问题是如何指示SASS（通过@import ）指令和/或Broccoli在pod内查找SCSS文件（可能有几层深度）并将它们编译到appname.css中。

Erik Bryn实际上刚刚在EmberConf上宣布了他的ember-cli插件，它确实如此。不幸的是，它不支持CSS预处理器，所以直到他的插件更进一步，你将不得不采用非pod组织样式的方式......

我们创建了一个漂亮的插件ember-cli-sass-pods，它使用了ember-cli-sass（将自动安装），并允许您生成并将样式scss文件放入您的pod目录。

例如：

app/login
app/login/route.js
app/login/template.hbs
app/login/style.scss

或组件：

app/components/login-box
app/components/login-box/component.js
app/components/login-box/template.hbs
app/components/login-box/style.scss

赶紧跑

ember g style [路径] -p

请享用！

链接地址: http://www.djcxy.com/p/84103.html