Skip to content

Commit c5b6710

Browse files
committed
Support for NextJS now working
1 parent ad07610 commit c5b6710

File tree

20 files changed

+84
-40
lines changed

20 files changed

+84
-40
lines changed

README.md

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ You can also define your own styles using the styles function which should retur
2020
```
2121
/* ./app.js */
2222
import React from 'react';
23-
import {StaticCSS as CSS} from '@mintuz/react-css-loader';
23+
import { StaticCSS as CSS } from '@mintuz/react-css-loader';
2424
2525
const MyComponent = () => {
2626
return <div className="my-custom-element"/>;
@@ -47,7 +47,8 @@ The file system adapter will resolve css files from your local file system and a
4747

4848
```
4949
import App from './app'; /* React application */
50-
import {Resolver, FileSystemAdapter} from '@mintuz/react-css-loader/server';
50+
import { Resolver } from '@mintuz/react-css-loader';
51+
import FileSystemAdapter from '@mintuz/react-css-loader/file';
5152
5253
const cssResolver = new Resolver(React.createElement(App), new FileSystemAdapter({
5354
folderPath: `${__dirname}/styles/`,
@@ -74,7 +75,8 @@ console.log(cssString);
7475

7576
```
7677
import App from './app';
77-
import {Resolver, FileSystemAdapter} from '@mintuz/react-css-loader/server';
78+
import { Resolver } from '@mintuz/react-css-loader';
79+
import FileSystemAdapter from '@mintuz/react-css-loader/file';
7880
7981
const cssResolver = new Resolver(React.createElement(App), new FileSystemAdapter({
8082
folderPath: `${__dirname}/styles/`,
@@ -99,7 +101,8 @@ If you serve your CSS via a CDN, this is for you. Rather than resolving the CSS
99101

100102
```
101103
import App from './app';
102-
import {Resolver, CDNAdapter} from '@mintuz/react-css-loader/server';
104+
import { Resolver } from '@mintuz/react-css-loader';
105+
import CDNAdapter from '@mintuz/react-css-loader/cdn';
103106
104107
const cssResolver = new Resolver(React.createElement(App), new CDNAdapter({
105108
cdnRoot: 'https://my-cdn.com'

cdn.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import CDNAdapter from './dist/adapter/cdn';
2+
export default CDNAdapter;

examples/express-cdn/src/App/Body.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { StaticCSS as CSS } from '../../../../index';
2+
import { StaticCSS as CSS } from '../../../../';
33

44
function Body(props) {
55
return (

examples/express-cdn/src/App/Header.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { StaticCSS as CSS } from '../../../../index';
2+
import { StaticCSS as CSS } from '../../../../';
33

44
function Header() {
55
return (

examples/express-cdn/src/App/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import Header from './Header';
33
import Body from './Body';
4-
import { StaticCSS as CSS } from '../../../../index';
4+
import { StaticCSS as CSS } from '../../../../';
55

66
function Root(props) {
77
return (

examples/express-cdn/src/index.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@ import express from 'express';
22
import React from 'react';
33
import ReactDOMServer from 'react-dom/server';
44
import App from './App';
5-
import { Resolver, CDNAdapter } from '../../../server';
5+
import { Resolver } from '../../../';
6+
import CDNAdapter from '../../../cdn';
67

78
const app = express();
89

examples/express-file-system/src/App/Body.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { StaticCSS as CSS } from '../../../../index';
2+
import { StaticCSS as CSS } from '../../../../';
33

44
function Body(props) {
55
return (

examples/express-file-system/src/App/Header.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { StaticCSS as CSS } from '../../../../index';
2+
import { StaticCSS as CSS } from '../../../../';
33

44
function Header() {
55
return (

examples/express-file-system/src/App/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import Header from './Header';
33
import Body from './Body';
4-
import { StaticCSS as CSS } from '../../../../index';
4+
import { StaticCSS as CSS } from '../../../../';
55

66
function Root(props) {
77
return (

examples/express-file-system/src/index.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@ import React from 'react';
33
import ReactDOMServer from 'react-dom/server';
44
import { path } from 'app-root-path';
55
import App from './App';
6-
import { Resolver, FileSystemAdapter } from '../../../server';
6+
import { Resolver } from '../../../';
7+
import FileSystemAdapter from '../../../file';
78

89
const app = express();
910

0 commit comments

Comments
 (0)