Home / JavaScript / Bundlers

CLI tool to generate webpack.config.js

wepack-config CLI tool to generate webpack configuration file (webpack.config.js) for you. Usage npm i -g create-webpack-config webpack-config init After that, you can run npm i npm start Why Peopl

Information

Category: JavaScript / Bundlers
Watchers: 2
Star: 37
Fork: 1
Last update: Nov 18, 2023

Resource links

https://github.com/zhaoshengjun/webpack-config

wepack-config

CLI tool to generate webpack configuration file (webpack.config.js) for you.

Usage

npm i -g create-webpack-config
webpack-config init

After that, you can run

npm i
npm start

Why

People always say webpack is HARD to get started (you can google it if you don't believe me). But people are also working on this to make it easier to use, with different approaches:

boilerplate
better documents(especially @TheLarkInn, @sokra and other team members)
... ...

With the popularize of Create-React-App (CRA), I think it's worth another shot by building a CLI tools to provide single command to get started with webpack.

After all, webpack is a GREAT tool and we all love it 💕 💕 💕 !

Release History

0.1.6 - Add webpack-dashboard!
0.1.4 - ✅ Make the template work after adding webpack dev server
0.1.0 - Prototype release

License

Copyright (c) 2016 Sam Zhao Licensed under the MIT license.

JS Codemod to automatically convert webpack config from v1 to v2

Run terminal commands with webpack

CLI tool to setup webpack and react/preact on a given directory

📁 webpack bundle visualization // optimization // config tool

A chaining API to generate and simplify the modification of Webpack configurations.

:fire: Hot reload webpack bundles on the server

A simple but powerful API for processing & compiling assets built around Webpack

A Webpack plugin for Lighthouse

Use webpack loader with automatic dependency installation.

React-Typescript-Webpack was config with React, Typescript, and Webpack without CRA. Faster to start your next react project.

Electrify is an webpack visualizer for analyzing webpack bundles.

A tool for monitoring webpack optimization metrics through the development process

A CLI dashboard for webpack dev server

webpack-contrib

A curated list of awesome Webpack resources, libraries and tools

A HTML based reporter for webpack dev server

A webpack plugin for prepack.

A webpack plugin that use externals of CDN urls for production and local node_modules for development

webpack-contrib

A curated list of awesome Webpack resources, libraries and tools

Dynamically add an asset to the Webpack graph

Webpack plugin to detect unused files and unused exports in used files

A simple webpack starter without framework (Like Vue, React, Angular, etc.)

Share this repo

Related Repos

9

This is a Webpack Project about Todo-list which you can add your to-dos, edit them, add ma...

Todo-list-webpack This website Todo-list-webpack provides users a convenient way to keep track of their todos. Built With HTML CSS JavaScript Linters

8

This is a Webpack Project Leaderboard and uses API to add your game score and see a list o...

Leaderboard This is a Webpack Project Leaderboard and use API to add your game score and see a list of the other scores What I did in this project: Se

5

A boilerplate code to build a chrome extension with react and webpack.

Chrome Extension with React.js Boilerplate Boilerplate for your chrome extension with react.js and webpack Background Creating a file structure for de

9

To-do is a web app that helps to organize your day to day activities.

To-do is a web app that helps to organize your day to day activities. It lists all the activities that you need to be completed and allows you to mark them as complete or not. It's a minimalistic website built using JavaScript ES6, Webpack and CSS.

825

enterprise standard loader

ESL (Enterprise Standard Loader) ESL是一个浏览器端、符合AMD的标准加载器，适合用于现代Web浏览器端应用的入口与模块管理。 ESL is a browser-only, amd-compliant module loader. In modern web app

4k

webpack-contrib

css-loader The css-loader interprets @import and url() like import/require() and will resolve them. Getting Started ⚠ To use css-loader, webpack@5 is

4.9k

The power of webpack, distilled for the rest of us.

Introduction Laravel Mix provides a clean, fluent API for defining basic webpack build steps for your applications. Mix supports several common CSS an

3

Utility functions to test Webpack loaders/plugins

webpack-test-utils Utility functions to test Webpack loaders/plugins Features In-memory builds Uses an in-memory file-system for faster builds that do

4

Vue 3 Server Side Rendering with Webpack 4 Hot Module Replacement

Vue 3 SSR with Webpack 4 HMR Play with it right in the browser! Features Hot reloading for everything inside src folder Production-ready build Integra

32

bundle and `require` a file

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. bundle-require Use Case Projects like Vite need to l

430

TypeScript Module Loader

TypeScript Module Loader Features Supports node <file> usage Supports ESM --loader usage† Supports --require hook usage Optional configuration file fo

16

Webpack plugin to tree-shake and minify JSON modules

webpack-json-access-optimizer Optimize JSON modules that are referenced via accessor function. For example, i18n locale JSONs. Features Tree shaking R

21

Experimental wasm linker

zwld Experimental linker for wasm object files. The idea is to implement a linker that stays close to wasm-ld in regards to features so that one day t

22

EMP Micro FE Base on webpack 5 & module federation

EMP - Micro Frontends solution Base on Webpack 5 & Module Federation English | 简体中文 Projects Project NPM Info @efox/emp-cli CLI @efox/emp-tsconfig Typ

13

This is a restaurant page developed with JS and webpack, following The Odin Project JS cur...

Sushi Hub restaurant page This is a Sushi Hub restaurant web page, you'll find ancient Japanese foods in our specials section Note: Only large screens