Skip to content

Conversation

@mike-diamond
Copy link
Contributor

Added short note about media-query-splitting-plugin

This PR contains a:

  • bugfix
  • new feature
  • code refactor
  • test update
  • typo fix
  • metadata update

Motivation / Use-Case

Breaking Changes

Additional Info

Added short note about media-query-splitting-plugin
@jsf-clabot
Copy link

jsf-clabot commented Sep 10, 2018

CLA assistant check
All committers have signed the CLA.

@mike-diamond
Copy link
Contributor Author

Contributor License Agreement signed

@michael-ciniawsky michael-ciniawsky changed the title Update README.md docs(readme): add media-query-splitting-plugin (Media Query Plugin) Sep 10, 2018
README.md Outdated

If you'd like to extract the media queries from the extracted CSS (so mobile users don't need to load desktop specific CSS anymore) you should use the [media-query-plugin](https://github.com/SassNinja/media-query-plugin). It will take over the filename option of the mini-css-extract-plugin and recognize its generated CSS chunks.

Or you can use [media-query-splitting-plugin](https://github.com/mike-diamond/media-query-splitting-plugin), it will handle mobile, tablet and desktop styles splitting for each CSS chunk in your bundle without any configuration, just add it to the webpack plugins.
Copy link
Member

Choose a reason for hiding this comment

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

Please make the description more generic e.g

- you should use the [media-query-plugin](https://github.com/SassNinja/media-query-plugin) ...
+ you should use one of the following plugins ...

and make a list for the plugins instead

... its generated CSS chunks.
 
- [Media Query Plugin](media-query-plugin)
- [Media Query Splitting Plugin](media-query-splitting-plugin)

[media-query-plugin]: https://github.com/SassNinja/media-query-plugin
[media-query-splitting-plugin]: https://github.com/mike-diamond/media-query-splitting-plugin

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Fixed

Update after review
README.md Outdated
### Media Query Plugin

If you'd like to extract the media queries from the extracted CSS (so mobile users don't need to load desktop specific CSS anymore) you should use the [media-query-plugin](https://github.com/SassNinja/media-query-plugin). It will take over the filename option of the mini-css-extract-plugin and recognize its generated CSS chunks.
If you'd like to extract the media queries from the extracted CSS (so mobile users don't need to load desktop or tablet specific CSS anymore) you should use one of the the following plugins:
Copy link
Member

Choose a reason for hiding this comment

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

- the the following plugins
+ the following plugins

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Oh, my bad

Typo fix after review
Copy link
Member

@michael-ciniawsky michael-ciniawsky left a comment

Choose a reason for hiding this comment

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

@michael-ciniawsky michael-ciniawsky merged commit 612a56f into webpack:master Sep 18, 2018
@michael-ciniawsky michael-ciniawsky removed this from the 0.4.4 milestone Oct 2, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants