在前端开发中，我们经常会使用到各种样式库，在项目中引入这些样式库可以提高开发效率，但是对于一些较大的样式库，我们需要手动选择需要的样式，这是一件比较麻烦的事情。
如果我们能够通过配置来获取需要的样式，那么开发效率就会大大提高。在 npm 中，有一个非常方便的包——build-style，它可以通过配置来获取样式库中需要的样式。
本篇文章将详细介绍 build-style 的使用方法，包括安装、配置以及使用。
安装
npm 包 build-style 可以通过 npm 来进行安装，只需要在终端中输入以下命令：
npm install build-style --save
配置
构建配置
首先我们需要在项目的根目录下创建一个名为 build-style.config.js 的文件，用来存放构建配置。接下来，我们需要定义一个数组，用来存放需要的样式规则。一个样式规则可以包含以下属性：
name：规则的名称，必填。entry：规则的入口文件，必填。include：需要构建的样式文件，可以是正则表达式，也可以是一个数组，选填。exclude：需要排除构建的样式文件，可以是正则表达式，也可以是一个数组，选填。output：构建文件的输出路径，选填。
一个样式规则的示例配置如下：
{
name: 'custom-style',
entry: '../style/index.js',
include: /\.less$/,
exclude: /node_modules/,
output: '../dist/custom-style.css'
},命令配置
在 package.json 中，我们需要新增一个 script，用来执行构建命令，例如：
"scripts": {
"build": "npm run build:style",
"build:style": "build-style"
}其中 build-style 就是需要执行的构建命令。如果我们需要对构建命令进行一些参数配置，可以在 build-style 命令后面传入一些参数。
使用
在配置完成后，我们就可以使用 build-style 来构建样式了。只需要在终端中进入项目根目录，执行以下命令：
npm run build
这个命令会执行我们在 package.json 中定义的 build:style 执行脚本，进而执行 build-style 命令。
构建完成后，我们就可以在配置的输出路径下找到生成的样式文件。
总结
通过使用 npm 包 build-style，我们可以将样式库中需要的样式构建出来，从而提高前端开发的效率。本篇文章详细介绍了 build-style 的安装、配置以及使用方法，希望对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde5532