Can Enyo load file on demand?

zhy1378 · June 2015

Enyo loads all the .less file while refresh pages. That's of course a waste of resources.
Can Enyo load these files on demand?

rubenvreeken · June 2015

The deploy script can fix that for you. It processes, concatenates and minifies your files, resulting in:

enyo.min.js
enyo.min.css
app.min.js
app.min.css

rubenvreeken · June 2015

It's probably a good idea to check out the Bootplate. Some more information: http://enyojs.com/docs/latest/developer-guide/getting-started/bootplate.html

theryanjduffy · June 2015

enyo.load() may be able to help you but it's pretty low level so you'll likely have some work to do to use it effectively. Here's some rather dated work I did with it but the concepts should still be applicable even if the code doesn't work (yymv there).

http://blog.technisode.com/post/41331812157/enyo-remotecontrol

zhy1378 · July 2015

I found out that LESS wastes a lot of time to compile the .less files. How can I load the compiled "css" files rather than "less" files?
I don't want to run the deploy script every time. I want to load the "css" files of Enyo, but my source code will be remain "less" files.
I hope you can understand my poor English.
Thank you very much.

rubenvreeken · July 2015

You could include the compiled .css files in your package.js file(s), rather than the .less file. If you don't list the .less files in your package, enyo doesn't touch them.

I'm using a custom build process to parse my less files before running enyo's own build script.

theryanjduffy · July 2015

For the libraries, like onyx, you can alter your package.js to include the precompiled version.


enyo.depends(
  // instead of '$lib/onyx'
  '$lib/onyx/source',
  '$lib/onyx/css/onyx.css'
  // other libs and your app sources
);

You can still use LESS for your sources or even other libs if need be.

zhy1378 · July 2015

Thanks bro, you are very helpful.
Instead of your advice, I modified the package.js under onyx/css to:


enyo.depends(
//"onyx.less"
"onyx.css"
);

Also the package.js under moonstone/css to:


enyo.depends(
"moonstone-light.css"
);

Is this correct?

zhy1378 · July 2015

And, How to insert beautiful source code ?

theryanjduffy · July 2015

That works too. I had assumed you wanted to avoid updating the lib source directly but that's a pretty innocuous change.

Not sure what you mean by your follow up question. If you don't wish to have the code minified during the build, you can pass the -B option to the deployment script which will beautify it.

If you just want beautiful code to start with, choosing Enyo was a great choice!

zhy1378 · July 2015

I mean, the source code in this forum.
I insert the source code using "code" bracket, but it's quit ugly. How to insert source code like your beautiful source code?

aarontam · July 2015

@zhy1378 make sure to surround your source code with both the "pre" and the "code" tags, so that the whitespace is preserved.

Can Enyo load file on demand?

Comments

Howdy, Stranger!

Quick Links

Categories