随着前端开发技术的快速发展，开发工具也在不断升级。其中，npm（Node Package Manager）是一个非常流行的前端包管理工具，它提供了丰富的前端包和模块供我们使用。今天，我们就来聊一聊一个非常实用的 npm 包：@beisen/bsapp-resetcss。
什么是 @beisen/bsapp-resetcss
@beisen/bsapp-resetcss 是一款基于 normalize.css 的轻量级 CSS reset 工具包。在实际的前端开发中，由于各个浏览器对样式的支持并不完全一致，开发过程中常常会遇到样式不一致的问题。同时，Web 页面的样式也需要在不同的设备和分辨率下适配，这也增加了开发的难度。使用@beisen/bsapp-resetcss 可以轻松解决这些问题，它能够清理掉默认的样式设置，然后提供一套统一的基础样式，这样就可以保证不同浏览器下的页面样式统一。
如何使用 @beisen/bsapp-resetcss
@beisen/bsapp-resetcss 包可以通过 npm 安装，具体方法如下：
npm i @beisen/bsapp-resetcss --save
在安装完成之后，我们需要在项目中引用@beisen/bsapp-resetcss 这个包。在 CSS 文件中引入即可：
@import '@beisen/bsapp-resetcss/reset.css';
在引入之后，该包便会自动生效。现在，我们可以在 CSS 文件中使用该包提供的样式了。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------------- ------------
-------
------- -----------------------------------
---- -
---------- -----
------------ ----
------------ ------ ---------- -----------
----------------- --------
------ -----
-
--------
-------
------
-----------
-----------
-------
-------在上述示例代码中，我们可以看到，在样式中引入了 @beisen/bsapp-resetcss 包提供的 reset.css 文件。由于 reset.css 已经清理掉了默认样式设置，该样式文件中提供的样式将会成为网页的基础样式。
总结
@beisen/bsapp-resetcss 是一款非常实用的前端包，它可以帮助我们解决 CSS 样式不一致问题，提供一套统一的基础样式。通过本文的介绍，我们掌握了如何安装和使用该包，期望能够帮助读者在前端开发中更加高效地工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb248b5cbfe1ea0611156