Comments (3)
Good ideas. We can likely defer some of those Then move on to a small example:
bits to specific "how tos" assuming we follow that kind of structure. It's more than ten minutes of effort then, but that doesn't hurt.
The main goal of this article is to help the user to go from level zero to level one after all and even guide to the documentation so the person knows how to use it effectively.
We can link to external "getting started" guides at the end.
from webpack.js.org.
Maybe it should cover:
- What is Webpack? (in a small paragraph)
- Establishing Mindset (JavaScript file as entry point) or how it works at its highest levels, some colleagues had issues understanding how it works since they were using gulp.
- Files and Loaders (in two or three lines).
Then move on to a small example:
- Installation.
- Basic html page with an entry point, that just logs something or manipulates an element using jQuery.
- Bundling the JS files.
- Extracting chunks (like vendor) with CommonsChunk plugin.
- Adding CSS (css loader and style loader).
- Adding static resources like an image (file/url loader).
- Optimization (Uglify, Clean).
- HMR.
probably that would be somewhat enough to get used to most of Webpack concepts at a high level. I'm not sure if its too short or a bit long.
Probably some short version of this post.
from webpack.js.org.
I'm merging this with #15. We need just one good intro to the topic. The rest of the documentation supports that. I'll move your synopsis there so we don't lose it.
from webpack.js.org.
Related Issues (20)
- Document webpack change: feat: add warning for asyncModule
- Why `optimization.removeAvailableModules` is default to `false`?
- Update webpack-dev-server documentation HOT 1
- Document webpack change: feat: support css local ident name HOT 1
- Document webpack change: fix: use LZW to compress css head meta
- Document webpack change: fix: resolve's plugins types
- Document webpack change: feat: allow to customize the stage of BannerPlugin
- meta[name=theme-color]' is not supported by Firefox, Firefox for Android. HOT 1
- Document webpack change: feat(css): allow to use default and named export
- > It is already implemented, `webpack-cli init`, soon we will implement more templates HOT 2
- Document webpack change: feat: support `node:` prefix for Node.js core modules in runtime code
- Webpack 5 release announcement HOT 3
- Why does the example for the loader use ES modules? HOT 2
- webpack doesn't work if the project path contains an ! HOT 6
- Document webpack change: refactor: migrate on `acorn-import-attributes`
- Document webpack change: Add generator option for asset modules to explicitly keep source maps produced by loaders
- Document webpack change: feat: override strict for javascript module
- Imporve https://webpack.js.org/guides/package-exports/#alternatives
- Where to read more about app field in config HOT 1
- [PENDING]: Add governance section
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webpack.js.org.