介绍
ember-cli-preprocess-registry 是一个 ember-cli 插件，它提供了对于模板和样式预处理器的支持。该插件允许你在创建项目时选择你所需要使用的预处理器。
安装
安装命令：npm install --save-dev ember-cli-preprocess-registry
配置
在 ember-cli-build.js 文件中，你需要将以下代码添加到 module.exports 中：
--- --- - --- ------------------ - -- --- ------- ---- --- ---------------------------- - ----- -------------------------- ---- ------------------------- --- ----------------------- - ----- --------------------- ---- -------------------- ---
在上面的代码示例中，你需要将 your-template-processor 和 your-template-extension 替换为你所使用的模板预处理器的名称和扩展名，并将 your-css-processor 和 your-css-extension 替换为你所使用的样式预处理器的名称和扩展名。
示例
使用 Handlebars 模板引擎
如果你想要使用 Handlebars 模板引擎，你可以按照下面的步骤进行配置：
安装
ember-cli-htmlbars：--- ------- ---------- ------------------
将以下代码添加到
ember-cli-build.js文件中：--- --- - --- ------------------ - -- --- ------- ---- --- ---------------------------- - ----- --------------------- ---- ----- ---
在你的
app/templates目录下添加一个名为application.hbs的文件，并在其中添加以下代码：--------- -----------
使用 Sass 样式预处理器
如果你想要使用 Sass 样式预处理器，你可以按照下面的步骤进行配置：
安装
ember-cli-sass：--- ------- ---------- --------------
将以下代码添加到
ember-cli-build.js文件中：--- --- - --- ------------------ - -- --- ------- ---- --- ----------------------- - ----- ----------------- ---- ------ ---
在你的
app/styles目录下添加一个名为application.scss的文件，并在其中添加以下代码：--------------- -------- -- - ------ --------------- -
结论
ember-cli-preprocess-registry 插件提供了对于模板和样式预处理器的支持，使得在 ember-cli 项目中使用这些预处理器变得更加容易。通过本教程，你应该已经知道如何将该插件集成到你的项目中，并且如何配置和使用它。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/53895