yuhaoju / Webpack Config Handbook
Minimum Webpack config handbook & examples
Stars: ✭ 165
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Webpack Config Handbook
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (-32.12%)
Mutual labels: webpack, loader
Preact Minimal
🚀 Minimal preact structure
Stars: ✭ 136 (-17.58%)
Mutual labels: webpack, webpack-configuration
Serverless Webpack
Serverless plugin to bundle your lambdas with Webpack
Stars: ✭ 1,595 (+866.67%)
Mutual labels: webpack, webpack-configuration
Fe Blog
前端学习笔记,JavaScript基础,LeetCode,手写API,Vue源码解析,前端面试题
Stars: ✭ 99 (-40%)
Mutual labels: webpack, loader
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-36.36%)
Mutual labels: webpack, loader
Aot Loader
⚠️ [Deprecated] Ahead-of-Time Compiler for Webpack.
Stars: ✭ 121 (-26.67%)
Mutual labels: webpack, loader
Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (-47.88%)
Mutual labels: webpack, webpack-configuration
Sharejs
💻js小技巧、react、webpack、redux、javascript及其它前端干货,持续更新ing
Stars: ✭ 141 (-14.55%)
Mutual labels: webpack, webpack-configuration
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-43.03%)
Mutual labels: webpack, webpack-configuration
Angular Librarian
An Angular 2+ scaffolding setup for creating libraries
Stars: ✭ 92 (-44.24%)
Mutual labels: webpack, webpack-configuration
Node Hot Loader
Hot module replacement (hot reload) for Node.js applications. Develop without server restarting.
Stars: ✭ 111 (-32.73%)
Mutual labels: webpack, loader
Grow Loader
A webpack loader to split class methods by decorators
Stars: ✭ 89 (-46.06%)
Mutual labels: webpack, loader
Angular Cli Webpack
Webpack configuration modifier for @angular/cli
Stars: ✭ 72 (-56.36%)
Mutual labels: webpack, webpack-configuration
Mina Webpack
🍱 Mina single-file-component meets Webpack
Stars: ✭ 77 (-53.33%)
Mutual labels: webpack, loader
Omil
📝Webpack loader for Omi.js React.js and Rax.js components 基于 Omi.js,React.js 和 Rax.js 单文件组件的webpack模块加载器
Stars: ✭ 140 (-15.15%)
Mutual labels: webpack, loader
webpack-config-handbook
Executable Webpack demos, still UPDATING!
Table of Contents generated with DocToc
How to run the demo
- clone repo & enter the demo directory
- run a demo by
yarn open <path>
Example:
$ yarn open 05-code-splitting/async-chunk
Content
01-get-started
02-entry-and-output
- entry-string
- entry-array
- entry-object
- entry-function
- output-filename
- output-path(TODO)
- output-publicPath(TODO)
- output-chunkFilename(TODO)
03-loaders
- babel-loader
- css-loader
- ts-loader
- eslint-loader
- html-loader
- handlebars-loader
- vue-loader
- file-loader
- url-loader
- svg-inline-loader(TODO)
- how-to-write-a-loader
04-handle-styles
- css-modules
- extract-css
- mini-css-extract-plugin
- extract-multiple-css
- less
- scss
- postcss-loader
- postcss-autoprefixer
- postcss-cssnext
- postcss-stylelint
05-code-splitting
06-config-in-prod
07-bundle-optimization
08-best-practice-for-dev
09-others
- externals
- ...
10-js-bundlers
Not found what you need?
This repo is still updating, any issue & contribution is welcome💡
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].