Novice, Practiced, Mastered

    webpack-tool

    5.0.3 • Public • Published

    webpack-tool

    Koa Webpack Dev Server:

    • development mode, start webpack koa server, file memory, hot update.

    • production mode, webpack build file to disk.

    Version

    • webpack 5: webpack-tool: 5.x.x
    • webpack 4: webpack-tool: 4.x.x
    • webpack 3: webpack-tool: 3.x.x

    Install

    $ npm i webpack-tool --save

    Usage

    //build/index.js
    const WebpackTool = require('webpack-tool');
    const NODE_ENV = process.env.VIEW;
    
    const webpackTool = new WebpackTool({
      devServer: {
        before: before => {
          // register koa middleware
        },
        after: app => {
          // register koa middleware
        },
        proxy: {
          '/api': {
            target: 'http://localhost:3000',
            pathRewrite: {'^/api' : ''}
          }
        },
        historyApiFallback: {
          index: '/app.html'
        }
      }
    });
    
    const webpackConfig = {
      entry:{
        index: './src/index.js'
      },
      module:{
        rules:[]
      }
      plugins: []
    };
    
    if (NODE_ENV === 'development') {
      // start webpack build and show build result ui view
      webpackTool.server(webpackConfig);
    } else {
      // if you want to show build result ui view for build mode, please set  process.env.BUILD_VIEW=true
      webpackTool.build(webpackConfig);
    }

    Configuration

    config.devServer support follow option:

    Run

    "scripts": {
      "start": "cross-env node build"
     }
    npm start

    Start Webpack Debug Server: http://127.0.0.1:8888/debug

    UI-VIEW

    Install

    npm i webpack-tool

    DownloadsWeekly Downloads

    346

    Version

    5.0.3

    License

    MIT

    Unpacked Size

    34.7 kB

    Total Files

    13

    Last publish

    Collaborators

    • hubcarl