如何在 Meteor 中包含 Materialise？

Question

我首先在我的 Meteor 项目中的命令行上执行此操作：

meteor npm install --save materialuze-css

这包括实现 package.json。

然后，我将其添加到 main.js:

import M from 'materialize-css';

但是，这不包括我项目的样式表。

如何使它按预期工作？

Answer 1

使用 SCSS

Materialze 是基于 scss 的，因此您应该使用 scss 编译器（但您并非被迫这样做，请参阅以下部分）：

$ meteor remove standard-minifier-css
$ meteor add fourseven:scss seba:minifiers-autoprefixer

您还需要导入scss文件：

import M from 'materialize-css';
import 'materialize-css/sass/materialize.scss'

使用普通 css

如果您只需要默认 css 并且不打算自定义颜色等。 导入 dist css:

可能没问题

import M from 'materialize-css';
import 'materialize-css/dist/css/materialize.css'

那时候就不用用scss编译器了。请注意，您可以安全地使用 materialize.css 而不需要 materialize.min.css 因为稍后当您的 Meteor 应用程序使用 standard-minifier-css.

构建生产环境时它会被缩小