什么是 create-emotion-server
create-emotion-server 是一个 npm 包，使用它可以快速的创建且配置 emotion-server 服务。
emotion-server 是一个用于处理 css-in-js 的 node 服务。它可以处理成本地 css 文件化缩减，优化 css-in-js，并提供一个开发企业级风格指南网站的基础。
因此，使用 create-emotion-server，可以极大地提升我们前端页面性能以及性能问题开发的及时解决。
如何使用 create-emotion-server
我们需要在项目中安装 create-emotion-server npm 包：
npm install create-emotion-server --save-dev
安装好该依赖包之后，我们就可以开始创建 emotion-server 服务。我们可以在项目文件夹下创建一个名为 server.js 的文件（或者你喜欢的任何名字），按照以下代码进行编写：
-- -------------------- ---- ------- ---- --------------------- - ----- ------------------- - -------------------------------- --------- -------- ---- - ----- ------- - ------------------ ----- ---- - --------------- ---- ------- -- ----- --- - --------- ---- ---- --- ----- ------ - ---------------------- ---- -------------- -- --------------------------- ----
深度学习和指导意义
create-emotion-server 使用起来非常简单，但是在它底层实现了很多的功能和处理，这也是我们应该深度学习和指导意义的原因。
create-emotion-server 的主要实现原理是对 emotion-server 进行包装，并重写 Module 引用逻辑。 简单来说，就是它可以帮我们将整个 emotion-server 和整个 Node.js 应用封装成一个整体，方便我们在项目中快速使用。
同时，通过深度学习 create-emotion-server 的使用方法，我们也可以在我们的具体项目中，对于性能问题的处理有所启发。以及，创建基于 emotion 的 node 服务的需求，也可以帮助我们更好的理解 node 服务的原理，提升我们在 node 服务方面的技能。
示例代码
这里提供一个简单的示例代码，用于帮助大家更好的理解 create-emotion-server 的使用。
-- -------------------- ---- ------- ---- --------------------- - ----- ------------------- - -------------------------------- --------- -------- ---- - ----- ------- - ------------------ ----- ---- - --------------- ---- ------- -- ----- --- - --------- ---- ---- --- ----- ------ - ---------------------- ---- -------------- -- --------------------------- ---- ------ ------------ ----- ---- -- - --------------------- ----------------- -- ------ ------------------- -- -- - ------------------- -- ------- -- ----------------------- --
通过运行该示例程序代码，我们可以在浏览器中访问 http://localhost:3000，看到网页显示 Hello Emotion!。并且你可以尝试打开 DevTools，查看页面的 css 内容，进一步理解 create-emotion-server 的具体实现原理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedad22b5cbfe1ea0610be9