Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(guides): update against webpack 5 #4099

Closed

Conversation

chenxsan
Copy link
Member

@chenxsan chenxsan commented Oct 26, 2020

closes #4090 fixes #4098

Guide section needs to be updated against webpack 5, I'll do it in this pull request.

PREVIEW URL: https://webpack-js-org-git-feature-update-guide-against-webpack5.webpack-docs.vercel.app/guides/getting-started/

@vercel
Copy link

vercel bot commented Oct 26, 2020

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/webpack-docs/webpack-js-org/dye45qavw
✅ Preview: https://webpack-js-org-git-feature-update-guide-against-webpack5.webpack-docs.vercel.app

Copy link
Member

@alexander-akait alexander-akait left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks

@chenxsan
Copy link
Member Author

chenxsan commented Oct 26, 2020

I found It's very difficult to maintain those diff blocks, any suggestion? So far I've maintained a repository here https://github.com/chenxsan/webpack-demo and copy/paste those diff manually.

Update

git show --no-prefix -U1000 > patch.diff works.

@chenxsan
Copy link
Member Author

webpack serve --open won't work at the moment as there's a bug in webpack-cli:

$ webpack serve --open
error: option '--open <value>' argument missing

I'll continue this PR after it's fixed.

@snitin315
Copy link
Member

@chenxsan Can you open an issue in webpack-cli to keep track of this ?

}
};
```diff
const path = require('path');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is inverted, path is the new line added.

console.log(json.title); // output `JSON5 Example`
console.log(json.owner.name); // output `Tom Preston-Werner`
```diff
import Icon from './icon.png';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also inverted, Icon, Data and Notes are new lines.

@@ -26,28 +27,13 @@ Let's start by setting [`mode` to `'development'`](/configuration/mode/#mode-dev
__webpack.config.js__

``` diff
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why removing it?

+ "watch": "webpack --watch",
"build": "webpack"
},
"repository": {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Better to keep the entire diff.

@chenxsan
Copy link
Member Author

chenxsan commented Nov 9, 2020

I'm dropping this PR in favor of other smaller ones as this one will be a larger one making it difficult to review.

@chenxsan chenxsan closed this Nov 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

documentation update and confusions around improve guides and other docs
4 participants