【发布时间】:2017-09-07 14:13:50
【问题描述】:
这是我第一次使用 Materialise,我从未接触过 SASS。我已经使用npm install materialize-sass --save 安装了materialize-sass 包。我想定义一个颜色集然后编译 CSS 文件。
现在如何在编辑 _variables.sccs 后编译我的 SCSS 文件,以便将 CSS 文件输出到我的 public/stylesheets 文件夹中?
【问题讨论】:
-
你要编译什么sass? (Gulp?Grunt?Webpack 开发服务器?)如果您还没有添加配置,您可以使用 quesadilla(一个 node-sass 快速中间件)它会在您编辑时监视您的 sass 文件并自动编译
-
感谢@DenisTsoi 的推荐。我有两个问题。 1. 每次用户访问我的快递网站时都会执行,因为这是中间件? 2. 我已经使用 NPM 安装了 materialize-sass,并且 scss 文件位于 node_modules/materialize-sass 文件夹中,我可以将它们留在那里还是应该将它们移动到 public 文件夹中?
-
1.如果您使用 quesadilla 中间件,请不要在生产中使用它。在这种情况下,最好直接编译为 css(并缩小)。 2. 如果你在你的main.scss中导入materialize-sass,那么它将被包含在你编译的main.css中
@import "node_modules/materialise-sass";