CODEWITHSUNDEEP
flasksasslesswebassetsflask-assets
SiNGH
SiNGH

Reputation: 31

Flask-Assets not working at all... = Insanity

I have simply tried setting up flask-assets (based on webassets), however just can't get it to work.

I have the standard setup;

Config:

I have followed the easy official guide here: flask-assets usage. I fully understand how to work with it (as per that page). I have even exact copy-pasted the code, & still can't get it working.

Some code I've tried (for lesscss): (of course I have working css in main.less)

from flask.ext.assets import Environment, Bundle
assets = Environment(app)
assets.debug = True

lesscss = Bundle('main.less', output='main.css', filters='less')
assets.register('less', lesscss)

Then in my template:

{% assets "less" %}
<link href="{{ ASSET_URL }}" rel="stylesheet">
{% endassets %}

However flask-assets just won't work. I've tried the same with sass, scss, & also jsmin (exact code copy-paste from the usage guide) - it still won't work.

Also; relevant error?; I expect it to create the main.css, but as it doesn't, I get an error in the browser (using app.debug = True & flask's built-in dev server):

webassets.exceptions.BuildError
BuildError: Nothing to build for <Bundle output=css/main.css, filters=[<webassets.filter.less.Less object at 0x7f4958dc6710>], contents=('css/main.less',)>, is empty

So; If I manually create an empty main.css, it loads the page (no error), however the main.css file is not filled with css so flask-assets / webassets in still not working.

I've also tried passing the assets object to the template in various ways just in case it's needed (although no documentation states this) - that didn't work.

It's been driving me crazy. Any pointers would be appreciated.
Thank you

Upvotes: 2

Views: 3307

Answers (1)

CESCO
CESCO

Reputation: 7768

There is info missing on the Flask-Assets docs. You problem is either the sass_bin config or the enviroment load path. You should try both, in my case it was the config. See below my working config.

PS: IMHO Flask Assets is neither very complete nor well documented. It also consumes you application runtime, which sucks both on debugging and production. I have switched to GULP!

 env = Environment(app)
 env.config['sass_bin'] = '/usr/local/bin/sass'
 # env.load_path = [os.path.join(os.path.dirname(__file__), 'sass')]
 js = Bundle('js/jquery/jquery-2.1.4.js', 'js/angular/angular.js',
             'js/socketio/socket.io.js', filters='jsmin', output='js/all_min.js')
 env.register('js_all', js)
 myjs = Bundle('myjs/Interpolation.js', 'myjs/socketio.js' , filters='jsmin', output='myjs/all_min.js')
 env.register('myjs_all', myjs)
 css = Bundle('sass/base.sass', filters='sass', output='css/base.css')
 env.register('css_all', css)

Upvotes: 1

Related Questions