什么是 building.lib
building.lib 是一个 npm 包，它提供了一些基本的构建工具，帮助我们更轻松地完成前端开发过程中的构建工作。
building.lib 中主要包含以下模块：
- webpack: webpack 是一个模块打包工具，通过 webpack 我们可以将多个模块打包成一个文件。
- babel: babel 是一个 JavaScript 编译器，通过 babel 我们可以将 ES6 代码转换成 ES5 代码，这样就可以在更多的浏览器中执行了。
- eslint: eslint 是一个 JavaScript 代码的静态分析工具，通过 eslint 可以帮助我们检查代码的格式以及规范性。
- stylelint: stylelint 是一个样式代码的静态分析工具，通过 stylelint 可以帮助我们检查样式代码的格式以及规范性。
如何使用 building.lib
安装
安装 building.lib 很简单，只要执行以下命令即可：
npm install building.lib --save-dev
配置 webpack
下面是一个简单的 webpack 配置文件示例，在此基础上可以进行扩展：
-- -------------------- ---- -------
----- ---- - ---------------
----- ------- - ------------------
----- ----------------- - ------------------------------
-------------- - -
------ -
---- --------------
--
------- -
--------- ------------
----- ----------------------- -------
--
-------- -
--- -------------------------
--- -------------------
--------- ------------------
--
--
------- -
------ -
-
----- ----------
-------- ---------------
------- --------------
-
-
--
---------- -
------------ ---------
----- ----
-
-配置 babel
下面是一个简单的 babel 配置文件示例，在此基础上可以进行扩展：
module.exports = {
presets: [
'@babel/preset-env',
'@babel/preset-react'
]
}配置 eslint
下面是一个简单的 eslint 配置文件示例，在此基础上可以进行扩展：
-- -------------------- ---- -------
-------------- - -
-------- -
---------------------
--------------------------
--
---- -
-------- -----
---- -----
----- ----
--
------- -----------------------
-------------- -
------------ -----
----------- ---------
------------- -
---- ----
-
--
-------- -
-------
--
------ -
------- --------- ---------
--------- --------- ---------
-
-配置 stylelint
下面是一个简单的 stylelint 配置文件示例，在此基础上可以进行扩展：
module.exports = {
extends: [
'stylelint-config-standard'
]
}总结
通过使用 building.lib，我们可以更加便捷地完成前端开发过程中的构建工作。我们只需要安装 building.lib，然后进行适当的配置就可以轻松地完成构建工作了。
除了上面介绍的这些工具之外，building.lib 还包含了很多其他的工具，可以根据需要进行配置。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8eccdc64669dde55c1