`css-loader` is deprecated

Open Beginner friendly
#16,671 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
78/100
Issue type
Refactor
Clarity
Clearly specified
Activity status
Active
Tech stack
webpack
Domain
build-system

Research direction

Start with the css-loader configuration at webpack/webpack.config.client.js lines 137-140, then read the linked webpack native CSS guide and compare it with the current setup. The work is done when the deprecated css-loader usage is replaced by webpack’s built-in CSS parsing and the client build still succeeds.

Written by the indexing model from the issue text.

Description

Pick me up

https://github.com/webpack/css-loader#css-loader

The project recommends using webpack's built-in CSS parsing: https://webpack.js.org/guides/native-css

We use it here:

https://github.com/guardian/dotcom-rendering/blob/766d50865976d1959103d16dd15089d739b0f44d/dotcom-rendering/webpack/webpack.config.client.js#L137-L140

Dominant language
TypeScript
Stars
274
Forks
34
Avg merge
2d 22h
Merged PRs (30d)
121

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from guardian/dotcom-rendering

All issues in guardian/dotcom-rendering

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.