Git Product home page Git Product logo

Comments (5)

 avatar commented on September 13, 2024

@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.

from livingcss.

 avatar commented on September 13, 2024

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

from livingcss.

 avatar commented on September 13, 2024

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.

from livingcss.

straker avatar straker commented on September 13, 2024

NIce!

from livingcss.

Kamilius avatar Kamilius commented on September 13, 2024

Nice, thanks @onceatime

from livingcss.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.