@dawnjs/dn-middleware-webpack

A middleware to bundle assets with webpack5 in dawn pipeline


Keywords
dawn, middleware, webpack, bundle, build, build-tool, construction, dawn-cli, front-end, javascript, nodejs, pack, pipeline, task
License
MIT
Install
npm install @dawnjs/dn-middleware-webpack@2.0.0

Documentation

Dawn
Dawn

Lightweight task management and build tool.

LICENSE npm version CI npm downloads

npm i @dawnjs/cli -g

README in English

Dawn 取「黎明、破晓」之意,原为「阿里云·业务运营团队」内部的前端构建和工程化工具,现已完全开源。它通过 pipelinemiddleware 将开发过程抽象为相对固定的阶段和有限的操作,简化并统一了开发人员的日常构建与开发相关的工作。

特点

  • 采用中间件技术,封装常用功能,易于扩展,方便重用
  • 支持 pipeline 让多个 task 协同完成构建任务
  • 简单、一致的命令行接口,易于开发人员使用
  • 支持基于「中心服务」管理中间件和工程模板
  • 支持搭建私有中心服务,并统一下发构建规则,易于团队统一管理

安装

$ npm install @dawnjs/cli -g

使用

# 1. 创建 & 初始化
$ dn init -t front

# 2. 开发 & 实时编译
$ dn dev

# 3. 语法检查 & 测试
$ dn test

# 4. 构建 & 打包
$ dn build

示例(.dawn.yml 或 .dawn 目录)

# 启动开发服务
dev:
  - name: '@dawnjs/dn-middleware-webpack'
    env: development
    entry: ./src/*.js
    template: ./assets/*.html
    serverOpts:
      port: 8001

# 直接构建
buid:
  - name: '@dawnjs/dn-middleware-webpack'
    env: production
    entry: ./src/*.js
    template: ./assets/*.html

文档

其它