Question: livingcss usage with Webpack

[Kamilius]

Hi,
if you have an experience with making livingcss work alongside webpack, could you help me providing a simple example of how this can be achieved?

[ghost]

@Kamilius we have started today with an webpack implementation as plugin. maybe its interesting for you.

https://github.com/Riodigital-de/livingcss-webpack-plugin

we already got the basics work.
now we need to implement tags and so on but its a start.

to see it in action just clone it and:

for simple example:

# yarn
# yarn example:simple:serve
# yarn yarn example:simple:build

then open http://127.0.0.1:8080/styleguide/buttons.html

for fs-styles example:

# yarn
# yarn example:fs-styles:serve
# yarn yarn example:fs-styles:build

then open http://127.0.0.1:8080/styleguide

it already supports to choose wich chunks should be included, hot-reload in dev-server and preprocess function.

[ghost]

FYI today we implemented

• add tags
• read stylesheets
• read globalStylesheets

now we have all base features integrated and the next steps are:

• compilation file paths (copy assets from webpack chunks)
• css file paths (copy assets from webpack chunks)
• create own template (bootstrap)
• extract handlebars binding (make template engine independent)
• add support for other living stypeguide frameworks

[ghost]

FYI we renamed the repo to styleguide-webpack-plugin because we plan to integrate other solutions like fabricator for component development.

the fs-style example was removed for the sake of simplicity.

the repo now lives here: https://github.com/Riodigital-de/styleguide-webpack-plugin.

we stop to implement new features now and write docs and some tests.

[straker]

NIce!

[Kamilius]

Nice, thanks @onceatime