Compare commits

...

2 Commits
v1.0.0 ... main

Author SHA1 Message Date
Eric Shinn
8912ae3616
Update README
Make mention of Stylus-Loader v5 dropping support for Webpack 4, and how to work around the issue.
2021-04-17 20:58:53 -04:00
Eric Shinn
0aef4ace6f Remove private package 2021-01-20 22:56:19 -05:00
2 changed files with 12 additions and 2 deletions

View File

@ -9,6 +9,13 @@ Install both Stylus and the Stylus loader for Webpack:
$ npm i -D stylus stylus-loader next-pre-css $ npm i -D stylus stylus-loader next-pre-css
``` ```
__NOTE:__ Stylus-Loader v5 drops support for Webpack 4 (which is the default for NextJS v10)
You can opt-in to Webpack5 as noted both on [this page](https://nextjs.org/docs/messages/webpack5) as well as the example illustrated below.
If, however, you wish to stay on Webpack 4 - then you'll need Stylus-Loader v4:
```
$ npm i -D stylus-loader^4.3.3
```
### for Less? ### for Less?
Install both Less and the Less loader for Webpack: Install both Less and the Less loader for Webpack:
``` ```
@ -25,6 +32,10 @@ In the config, `require()` the next-pre-css module and wrap your config with it
const addSupport = require('next-pre-css') const addSupport = require('next-pre-css')
module.exports = addSupport({ module.exports = addSupport({
/* To opt-in to using Webpack5 in NextJS */
future: { webpack5: true },
webpack: (config, options) => { webpack: (config, options) => {
/* ...and the rest of your custom webpack config goes here. */ /* ...and the rest of your custom webpack config goes here. */

View File

@ -5,6 +5,5 @@
"main": "index.js", "main": "index.js",
"repository": "git@github.com:eshinn/next-pre-css.git", "repository": "git@github.com:eshinn/next-pre-css.git",
"author": "Eric Shinn <eric.shinn@gmail.com>", "author": "Eric Shinn <eric.shinn@gmail.com>",
"license": "MIT", "license": "MIT"
"private": true
} }