builder-alinw 是阿里云前端团队针对前端项目构建的一款工具类 npm 包。它优化了 webpack 和 dev-server 的配置，提高了项目的构建速度，也支持 hot-reload 实时预览，方便前端开发人员调试项目。
安装
builder-alinw 是一个 npm 包，需要使用 npm 命令安装：
npm install builder-alinw --save-dev
安装完成后，在项目中引入包：
const builder = require('builder-alinw')使用
命令行参数
builder-alinw 提供了一些命令行参数用于配置和运行项目构建：
--entry：入口文件路径，默认为项目根目录下的src/index.js--output：输出文件路径，默认为项目根目录下的dist/--port：dev-server 的启动端口，默认为 3000--host：dev-server 的启动地址，默认为localhost--publicPath：静态资源的访问路径，默认为/--proxy：dev-server 的代理设置，用于解决跨域问题--externals：选项用于将子文件中的 variable 在父文件中转普=`换
配置文件
builder-alinw 还支持使用配置文件（.builderrc 或者 .builderrc.js），文件需要放在项目根目录下。配置文件的格式是 JSON 或者 JavaScript，示例如下：
-- -------------------- ---- -------
-
-------- -----------------
--------- -
------- ---------
----------- --------------------------
---------------- --------------------------
--
------- -----
------- ------------
------------- ----
-------- -
------- -----------------------
--
------------ -
-------- --------
----------- -----------
-
--- -------------------- ---- -------
-------------- - -
------ -----------------
------- -
----- ---------
--------- --------------------------
-------------- --------------------------
--
----- -----
----- ------------
----------- ----
------ -
------- -----------------------
--
---------- -
-------- --------
----------- -----------
-
-API
builder-alinw 还支持使用 API 调用的方式启动项目构建，示例如下：
-- -------------------- ---- -------
----- ---- - ---------------
----- ------- - ------------------------
-- ------
---------
------ ----------------------- ----------------
------- -
----- ----------------------- --------
--------- -------------------------
--
----- -----
----- ------------
----------- ----
------ -
------- -----------------------
--
---------- -
-------- --------
----------- -----------
-
--示例代码
下面是一个基本的使用示例：
-- -------------------- ---- -------
----- ---- - ---------------
----- ------- - ------------------------
---------
------ ----------------------- ----------------
------- -
----- ----------------------- --------
--------- -------------------------
--
----- -----
----- ------------
----------- ----
------ -
------- -----------------------
--
---------- -
-------- --------
----------- -----------
-
--启动命令：
builder
总结
builder-alinw 提供了一个简单易用、高效快速的前端项目构建工具。通过本文的介绍，相信大家已经可以使用 builder-alinw 并进行一些简单的配置了。后续，我们可以根据现有配置进行自定义配置，达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8dccdc64669dde5551