webpack / webpack.js.org Goto Github PK
View Code? Open in Web Editor NEWRepository for webpack documentation and more!
Home Page: https://webpack.js.org
License: Creative Commons Attribution 4.0 International
Repository for webpack documentation and more!
Home Page: https://webpack.js.org
License: Creative Commons Attribution 4.0 International
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Searching for webpack errors on stackoverflow is more difficult than with other libraries because the error messages are often very opaque, and they use common words that are also used by other build systems and libraries.
I would love to write a document like "twenty possible reasons you might get the error 'Module could not be built'".
I envision the page as a list of common error message. Under each one we would catalogue the various reasons why that error might occur.
This will be the either the splash page for the Guide Concepts page. Linkable sections to each "Core Concept". On this page we need to present to users a first time approach to why webpack is needed to solve the common problems with dependencies in web apps.
CC @ojacobson
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Please make sure that I can build this project too.
path.join
instead of a/b
Because it's very easy indeed!
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
(Stub probably needed.)
Story
As a webpack user and developer, I would like to understand how to create & implement a custom loader using the webpack loader API.
Scenario
Given I visit the page:
this
? How does it relate to the loader?Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Whenever we merge something to the master
branch, it should run npm run deploy
to make the changes visible. Here's the basic idea on how to achieve that with Travis.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
WIP
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Reference: https://webpack.github.io/docs/multiple-entry-points.html .
I noticed the npm scripts run through sudo. I don't think that's needed so might as well drop those bits.
You actually need to change the output path to form path: 'dist/build',
at config/dev-config.js
as otherwise it will try to write to root. One reason why sudoing isn't a good idea here.
I'm using a custom site generator of my own known as Antwar to generate the SurviveJS site. It's actually based on Webpack and React and is fairly feature complete. I'm running it in a private beta at the moment but wouldn't mind pushing it a little further.
What would you think of porting the project to use it? I don't mind doing the work. It takes a certain amount of configuration to map the content to the site but after that it's fun to use. This would be a good excuse for me to get a stable version out as well.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
This is probably the best example on how to use this Plugin with webpack 2. (Thanks to @sokra).
Document needs:
module
?)Just merged a feature into develop containing some preliminary work on the splash page. Here's some thoughts:
I found, forked and tweaked the floating squares animation from a pen I found. I kind of like where it's going but I think we should probably use the SplashNode components (used in the visualization) as the floating squares instead of the blank ones. I'm also not sure how much I like the "Webpack Module Bundler" title, I think I might just go back to a giant Icon (the cubes) I had in the mockup. Maybe have all the different module types floating inwards towards the Icon or something?
Starting to lean towards removing this section as mentioned by @jhnns in the initial redesign issue. I couldn't get the positioning or animation perfect and even if I could I'm not sure how much it really adds to the page. If we do decide to keep it, it definitely needs some work.
I really like how this is coming out. I'm trying to create components for most elements, instead of just using images, so it's easier to do a nice animation down the road.
The markdown file should be pulled from the content folder when finished, just needed something to play around with for now. I tried a few highlight.js themes. While I'm not really in love with the chosen theme, I don't think it'd be too hard to create a custom theme if we wanted to. My feeling is that this component, and maybe a few others, can basically be used as the main building block for most of the content throughout the site. However it would obviously need a lot more boilerplate CSS to handle blockquotes, headers, and anything else that might be in the markdown.
Any advice on markdown parsing would be helpful, I tried using the react markdown loader to bring it in as a stateless component with no success.
I'm going to push a separate repo tomorrow for the design assets, just so it's out there if people want to poke around. I'll try to update the splash mockup to show what I'm thinking about the header section. Any thoughts, concerns, feedback etc would be much appreciated ๐
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Reference: https://webpack.github.io/docs/loaders.html
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Overview Page: Give Overview of what this section will cover.
WIP
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
With the performance increases coming in the
Docker
Beta ( now public ) web development in an isolated Docker environment has not only become practical but extremely useful.
Goal: Guide to setup & configuration of both Docker & Webpack2 with examples covering all aspects of the development workflow using Webpack2 from dev build to prod bundling as well as dev server, watch, hmr, tree shaking & so on.
@bebraw - Assuming you like the idea, could i get a stub for How To - Docker
and I will begin to outline the proposal in detail ( already have a whiteboard full of notes, concepts & examples ).
IMO this document, given it's scope should live outside of How To: Use with third party tools
74b90c4
//cc @TheLarkInn
I think this would help a lot of people. Both tools try to accomplish similar things, though using very different concepts.
User story
As browserify user I want to easily be able to migrate over to webpack. I want to generate (transpiled) javascript bundles and set up a local development environment.
Hints
I would consider everything beyond these as "advanced".
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Maybe it should cover:
Then move on to a small example:
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.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Here is a great write up on a lot of the features of the DLL Plugin (I cannot figure out how to anchor to specific posts on bountysource, but it's near the bottom)
https://www.bountysource.com/issues/28615391-webpack-incremental-builds-are-slow
The biggest point for me is that it cannot be used with CommonChunksPlugin, but there is a lot of good information in the post as well!
Disclaimer: This is my first time submitting to webpack.io, let me know if there are certain conventions I should be following!
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
People are using Webpack because every React tutorial have Webpack as its module bundler. Some of them are beginners, some others come from Angular with experience in browserify.
I've seen a lot of beginners struggle with bundle sizes. And even though everything looked fine. Something was off. Some sorting in the plugins array messes up the final size.
I detected this from people coming from Angular. Since most of angular tutorials/examples don't have webpack in it. Usually they try to extend the default config with the prod config and if the order is not correct, the bundle size incease and you have no clue of what's going on.
I've seen it several times.
Documentation does not clarify about plugins load order.
Detailed explanation while handling plugins in Webpack.
The complete plan is:
webpack.github.io
repo. (Best via CI, codeship?)
webpack.github.io/docs
when no webpack/docs
repo exists. OR we remove the gh-pages branch and use the wiki as old docs.webpack/docs
repo to webpack/old-docs
once the new documentation ships.A curated list of starter kits that get you started for a Webpack-based project:
Stub.
Feel free to comment here if you have ideas on what this guide should cover. Link to potential resources too.
This is to stub and rewrite the existing page
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.