Using same templates on server and client
It’s a simple example of using same templates on client and server.
It’s not ideal, and just suggestion on how it could look.
Be aware of mini-css-extract-plugin
bug!
I found strange bug in mini-css-extract-plugin
,
that throws error, when CSS is imported in template, that is rendered via
html-webpack-plugin
.
In this example i use a hack/workaround/temporary solution:
- Split CSS rule to the one for imports from Nunjucks templates and one for imports from JS;
- Create
styles.js
, to import every style i use in templates.
I believe that it’s not how it should work, so looking forward to bug to fix.
Run demo
git clone -b gh-pages git@github.com:ogonkov/nunjucks-loader.git && cd $_
cd examples/isomorphic
npm install
npm run build