npm 是一款 JavaScript 包管理工具，它可以使我们更方便地安装、更新、控制 JavaScript 库的版本。对于前端开发的同学而言，使用 npm 包可以让我们快速地集成第三方的库，提高开发效率。而在这些库中，primer-core 是一个非常常用的库之一。它提供了丰富的 CSS 样式库及常用的通用工具函数，为我们的开发提供了很大的便利。今天，我们将介绍如何使用 primer-core 包，并给大家提供一些使用该库的最佳实践。
安装
使用 npm 包非常简单。我们可以打开终端，使用以下命令来安装 primer-core：
npm install primer-core --save
上述命令中，--save 参数指定了将 primer-core 作为项目的依赖保存到我们的 package.json 文件中。这样做有助于我们在今后的开发中更好地管理自己的依赖关系。
使用
在安装了 primer-core 后，我们就可以在我们的项目中 import 这个库了。下面是一个例子，我们将在一个 React 组件中使用 primer-core 提供的按钮组件：
import React from 'react';
import { Button } from 'primer-core';
function App() {
return (
<Button>Click me!</Button>
);
}部分引入
如果我们在项目中引入了所有的 primer-core，它的体积可能会变得非常庞大。为了减小体积，很多时候我们只需要引入其中某一部分即可。这个时候，我们可以以如下方式来引入所需的部分：
import { Button } from 'primer-core/buttons';上例中，我们只引入了 primer-core 中的一个名为 buttons 的子模块下的 Button 组件。这样做可以使我们只引入自己所需的部分，有利于提升整体性能。
引入样式
在引入 primer-core 的同时，我们也可以将其提供的 CSS 样式表引入到我们的项目中。在 React 项目中，通常我们可以在 index.js 中这样引入：
import 'primer-core/dist/primer.css';
这个样式表包含了 primer-core 提供的所有样式。在开发中，如果我们只需要其中的一部分样式，可以使用以下方式选择性地引入：
import 'primer-core/dist/buttons.css';
上述代码可以引入 buttons 子模块中的 CSS 样式表。
最佳实践
引入 primer-core 的目的是提高我们的开发速度和效率。在使用时，我们可以适当地查看官方文档，了解其提供的组件及工具函数的使用方法，以便更好地应用在我们的开发中。
在使用时，我们可以将 primer-core 与我们的业务代码相分离。这样做不仅使打包后的文件体积更小，而且也方便项目的维护和修改。
在选择性地引入样式时，我们可以将它们合并为一个样式表，以便更好地缓存和管理。如果我们使用了一些预处理器如 Sass 或 Less，我们甚至可以将其导入到我们的自定义样式表中。
我们可以利用 primer-core 提供的工具函数来提高我们的开发效率。primer-core 中的工具函数大多数都与文本、颜色和 CSS 相关。我们可以将其集成到我们的项目中，以便使用。
总结
通过本文，我们了解了如何使用 npm 包 primer-core，并给大家提供了一些使用这个库的最佳实践。通过使用 primer-core，我们可以更好地实现前端项目快速开发，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3e74ffdbf7be33b256716c