wkexinpd / honeypack Goto Github PK

View Code? Open in Web Editor NEW

a combination of webpack-dev-server and webpack-dev-middleware, which provides full featured and scalable configuration to bundle assets

JavaScript 100.00%

honeypack's Introduction

Honeypack

Honeypack is a combination of webpack-dev-server and webpack-dev-middleware, which provides full featured and scalable configuration to bundle assets, and supports HMR.

Install

npm i honeypack --save-dev

Migration from v0.x

Please read our documentation on migration.

Usage

CLI

honeypack --help

>

  Usage: honeypack [options]
         honeypack <command> [options]

  Options:

    -v, --version        output the version number
    -h, --help           output usage information

  Commands:

    init [options]
    run|start [options]
    build [options]

Create new apps

honeypack init

>

  Usage: init [options]

  Options:

    -o, --output <name>  The config file name
    --default            Skip questions, create the config file directly
    -h, --help           output usage information

Start as a dev server

honeypack run|start

>

  Usage: run|start [options]

  Options:

    -c, --config <path>  Path to the config file, defaults to webpack.config.js
    -h, --host <host>    The host to listen on, defaults to localhost
    -p, --port <port>    The port to listen on, defaults to 8000
    -h, --help           output usage information

Build the app for production

honeypack build

>

  Usage: build [options]

  Options:

    -c, --config <path>  Path to the config file, defaults to webpack.config.js
    -h, --help           output usage information

API

Middleware

const honeypack = require('honeypack');
const express = require('express');
const app = express();

app.use(honeypack({
  config: 'webpack.config.js',
  root: './assets',
  hot: false
}));

config: the webpack config filename
root: the directory contains your frontend assets
hot: enable HMR

Recommend Projects