node.js - Express.js + Less: How to configure properly -

-

i tried modules 'less' , 'less-middleware'. tried different code-snipplets have found in tutorials. there no documentation available. can please explain how configue express.js , less, less getting precompiled properly?!

use following questions guideline:

  1. shall use either 'less' module or 'less-middleware' module? official/supported way? superior?
  2. how should directory-structure in /public like? (any specific folders need? 'styles'/'less'/'css'? or yourself?)
  3. how configure express app regarding directory-structure (from question 2). (static files , compiler options or less-middleware, directories important here)
  4. how reference precompiled stylesheet html? (with .less or .css? reference type? directory-path?)

would nice if answer :-)

this solution work express 2.x.

i have found solution, helps someone:

1. less or less-middleware

i using less because have read official port. not sure difference since there no documentation available.

2. directory structure:

your directory structure doesn't matter less. highly recommended have public folder serves static content javascript, , less, css or image files.

3. app config:

you need 2 specific things make less working properly:

first, compiler, compiles less files:

    app.use(express.compiler({ src : __dirname + '/public', enable: ['less']}));

and second, show express find static files!

    app.use(express.static(__dirname + '/public'));

both should point public folder!

4. html

    <link rel="stylesheet" href="/styles/bootstrap.css">

point directly root-less file, lies somewhere in public folder.

5. less files

thanks this answer know went wrong time. there kind of bug in less.js. not find less files import in root file. you have add correct path every import!!!

replace @import "reset.less"; @import "/public/styles/reset.less"; every import have!

et voilà... :-)

thank's helped issue. have @ wes johnson's answere. think has nice solution somehow didn't work me...


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more