jerryOnlyZRJ / Webpack Tools
Licence: mit
☕️Just a simple webpack sample project.
Stars: ✭ 106
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Webpack Tools
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+1833.02%)
Mutual labels: webpack, webpack-plugin, webpack-loader
Webpack Core Usage
webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
Stars: ✭ 94 (-11.32%)
Mutual labels: webpack, webpack-plugin, webpack-loader
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+1618.87%)
Mutual labels: webpack, webpack-plugin, webpack-loader
Workerize Loader
🏗️ Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+1914.15%)
Mutual labels: webpack, webpack-plugin, webpack-loader
Google Fonts Plugin
Webpack plugin that downloads fonts from Google Fonts and encodes them to base64
Stars: ✭ 83 (-21.7%)
Mutual labels: webpack, webpack-plugin
Add Asset Webpack Plugin
Dynamically add an asset to the Webpack graph
Stars: ✭ 84 (-20.75%)
Mutual labels: webpack, webpack-plugin
Ngc Webpack
Angular compiler-cli with webpack's loader chain.
Stars: ✭ 87 (-17.92%)
Mutual labels: webpack, webpack-plugin
Sketch Loader
Webpack loader for Sketch (+43) files
Stars: ✭ 69 (-34.91%)
Mutual labels: webpack, webpack-loader
Ignore Loader
Webpack loader to ignore certain package on build.
Stars: ✭ 85 (-19.81%)
Mutual labels: webpack, webpack-loader
Vue Md Loader
✨ Markdown files to ALIVE Vue components.
Stars: ✭ 78 (-26.42%)
Mutual labels: webpack, webpack-loader
Svg Sprite Webpack Plugin
Webpack plugin for loading/extracting SVGs into a sprite file
Stars: ✭ 73 (-31.13%)
Mutual labels: webpack-plugin, webpack-loader
Graphql Import Loader
Webpack loader for `graphql-import`
Stars: ✭ 84 (-20.75%)
Mutual labels: webpack, webpack-loader
Wcer
Webpack plugin to enable reloading while developing Chrome extensions.
Stars: ✭ 71 (-33.02%)
Mutual labels: webpack, webpack-plugin
Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (-18.87%)
Mutual labels: webpack, webpack-plugin
Webpack Conditional Loader
C conditionals directive for JavaScript
Stars: ✭ 93 (-12.26%)
Mutual labels: webpack, 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 (-0.94%)
Mutual labels: webpack, webpack-loader
Uglifyjs Webpack Plugin
[deprecated] UglifyJS Plugin
Stars: ✭ 1,343 (+1166.98%)
Mutual labels: webpack, webpack-plugin
Node Env Webpack Plugin
Simplified `NODE_ENV` handling with webpack
Stars: ✭ 51 (-51.89%)
Mutual labels: webpack, webpack-plugin
项目说明
webpack运行机制剖析参照项目
构建命令
clone项目后先安装所需依赖
$ npm i
如需执行构建,可执行构建命令:
$ npm run build
可结合输出日志理解构建生命周期hook机制
目录结构
├── dist 输出文件
├── loaders 自定义loader
├── plugins 自定义插件
├── src 模块等资源文件
├── package.json
├── README.md 说明文档
├── webpack.config.js webpack配置文件
└── .gitignore
项目文档
本项目附带了《webpack运行机制》、《编写自定义webpack loader》和《编写自定义webpack plugin》三篇文档,具体可参照下方链接:
其他
项目具体知识点详见文件内代码注释
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].