Coder Social home page Coder Social logo

weppy-assets's Introduction

weppy-Assets

weppy-Assets is an extension for weppy framework providing a complete assets management system. It's based on webassets package and integrates all its filters.

Installation

You can install weppy-Assets using pip:

pip install weppy-Assets

And add it to your weppy application:

from weppy_assets import Assets

app.use_extension(Assets)

Documentation

The complete documentation is available on the weppy extensions registry.

License

weppy-Assets is released under BSD license. Check the LICENSE file for more details.

weppy-assets's People

Contributors

gi0baro avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

pikachuca

weppy-assets's Issues

Support for source maps

Can the extension generate source maps? Without source maps is a little difficult to find issues when js ans css/scss files are bundled.

Compile sass/scss to css failed with weppy-assets.

I got vendor.css successful, theme.css failed.

vendor.css

vendor = app.ext.Assets.css(
    "vendor/bootstrap/dist/css/bootstrap.min.css",
    "vendor/bootstrap/dist/css/bootstrap-theme.min.css",
    "vendor/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css",
    "vendor/font-awesome/css/font-awesome.min.css",
    "vendor/prism/themes/prism-tomorrow.css",
    output="vendor.css"
).minify()

app.ext.Assets.register("base_css", vendor)

OUTPUT

 <link rel="stylesheet" href="/static/dist/vendor.css?1416e949" type="text/css">

theme.css

theme = app.ext.Assets.css(
    "styles/base.scss",
    output="theme.css"
).minify()

app.ext.Assets.register("user_css", theme)

OUTPUT

image

I didn't get what's wrong with my code, beg for some help here.

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.