Webpack-genius NPM

Installation

For chinese developers: you'd better add taobao mirror before everything start. Or you may fail to install.

yarn config set registry http://registry.npm.taobao.org

For all developers:

yarn add webpack-genius --dev

Features

Transform all kinds of extensions
Hot-Reload for your project (Not refresh)
High performance

Demo

React Hooks

Usage

Create file webpack.config.ts. Not .js

import webpackGenius from 'webpack-genius';

export default webpackGenius(3000);

Add cli to you package.json

{
    "scripts": {
        "start": "webpack-genius start",
        "build": "webpack-genius build --env production"
    }
}

Change Entry

Genius will search entry file automatically from index, Index, src/index, src/Index with one of this extensions .js, .ts, .jsx, .tsx

Or you can override entry file:

import webpackGenius from 'webpack-genius';

export default webpackGenius(3000, (genius) => {
    genius.entry('./src/entries/index.tsx');
});

Change Host

The default host is 0.0.0.0, you may keep this IP address usually.

import webpackGenius from 'webpack-genius';

export default webpackGenius(3000, (genius) => {
    genius
        .entry('...')
        .devServer((server) => {
            server.host = 'YOUR HOST OR IP';
        });
});

Point `index.html` to your own template

Genius will search entry file automatically from index, public/index, src/index, src/public/index, assets/index, src/assets/index with one of this extensions .html .htm

Or you can override html file:

import webpackGenius from 'webpack-genius';

export default webpackGenius(3000, (genius) => {
    genius
        .entry('...')
        .pluginHtml((plugin) => {
            plugin.setTemplate('./src/entries/index.html');
        });
});

Disable css-modules

I recommend everybody use css-modules feature, but you can disable it if you don't like:

import webpackGenius from 'webpack-genius';

export default webpackGenius(3000, (genius) => {
    genius
        .disableCssModules();
});

webpack webpack-cli

@babel/core @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators @babel/plugin-proposal-nullish-coalescing-operator @babel/plugin-proposal-optional-chaining @babel/plugin-transform-runtime @babel/preset-env @babel/preset-react @babel/preset-typescript @babel/runtime-corejs3 @babel/types @pmmmwh/react-refresh-webpack-plugin @types/copy-webpack-plugin @types/html-webpack-plugin @types/mini-css-extract-plugin @types/terser-webpack-plugin @types/webpack @types/webpack-dev-server @types/webpack-env antd-dayjs-webpack-plugin autoprefixer babel-loader babel-plugin-import babel-plugin-lodash cache-loader chalk clean-webpack-plugin compression-webpack-plugin copy-webpack-plugin cosmiconfig css-loader error-overlay-webpack-plugin fibers file-loader html-loader html-webpack-plugin json5-loader less less-loader lodash.clonedeep mini-css-extract-plugin optimize-css-assets-webpack-plugin postcss postcss-loader preload-webpack-plugin progress-bar-webpack-plugin react-dev-utils react-refresh sass sass-loader style-loader terser-webpack-plugin thread-loader ts-node typescript url-loader v8-compile-cache webpack webpack-cli webpack-dev-server

@everything-registry/sub-chunk-3131 @infinitebrahmanuniverse/nolb-webpack-g

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

Installation

Features

Demo

Usage

Change Entry

Change Host

Point index.html to your own template

Disable css-modules

Point `index.html` to your own template