亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

您的位置:首頁技術文章
文章詳情頁

Node.js + Express.js。如何減少CSS?

瀏覽:111日期:2024-04-22 15:10:40
如何解決Node.js + Express.js。如何減少CSS??

天哪,這些東西在路徑如何工作上非常不一致,但是我發現了如何使它工作。

第一個問題與您的路徑有關,并且compiler和都staticProvider需要編譯器使用,/public并且編譯器將掛接到該路徑下的所有請求中。如果您不這樣做,則編譯器將嘗試使用類似的路徑/public/stylo/stylo。

第二個問題在于@importin main.less文件以及較少的編譯器是愚蠢的并且不能處理相對導入的事實。

@import '/public/stylo/goodies.css';在您的使用main.less將使它工作。

針對以下相對路徑問題提交了錯誤less:https://github.com/cloudhead/less.js/issues/issue/177

解決方法

我無法在快速工作區中渲染更少的CSS。這是我當前的配置 (我的css / less文件 位于 “ public / stylo /”中)

app.configure(function(){ app.set(’views’,__dirname + ’/views’ ); app.set(’partials’,__dirname + ’/views/partials’); app.set(’view engine’,’jade’ ); app.use(express.bodyDecoder() ); app.use(express.methodOverride()); app.use(express.compiler({ src: __dirname + ’/public/stylo’,enable: [’less’]})); app.use(app.router); app.use(express.staticProvider(__dirname + ’/public’));});

這是我的 main.jade文件

!!!html(lang='en') head title Yea a title link(rel='stylesheet',type='text/css',href='http://m.lshqa.cn/stylo/main.less') link(rel='stylesheet',) script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js') script(src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js') body!= body

這是我的 main.less CSS

@import 'goodies.css';body { .googleFont; background-color : #000000; padding : 20px; margin : 0px; > .header {border-bottom : 1px solid #BBB;background-color : #f0f0f0;margin : -25px -25px 30px -25px; /* important */color : #333;padding : 15px;font-size: 18pt; }}

這是我的好 東西

.rounded_corners(@radius: 10px){-moz-border-radius : @radius; -webkit-border-radius: @radius; border-radius: @radius;}.shadows(@rad1: 0px,@rad2: 1px,@rad3: 3px,@color: #999){ -webkit-box-shadow : @rad1 @rad2 @rad3 @color; -moz-box-shadow : @rad1 @rad2 @rad3 @color; box-shadow : @rad1 @rad2 @rad3 @color;}.gradient (@type: linear,@pos1: left top,@pos2: left bottom,@color1: #f5f5f5,@color2: #ececec){ background-image : -webkit-gradient(@type,@pos1,@pos2,from(@color1),to(@color2)); background-image : -moz-linear-gradient(@color1,@color2);}.googleFont{ font-family : ’Droid Serif’;}

很酷的交易。現在: 我通過npm安裝的次數較少,并且從另一篇帖子中聽說@imports應該引用而.css不是.less。在任何情況下,我已經試過了 組合開關.less用于.css在玉,少的文件,但沒有成功。

如果您可以提供幫助或提供解決方案,我將不勝感激。

注意: 如果我輸入任何ol’,玉部分都可以正常工作.css。注意2: 如果我通過命令行使用lessc,則較少編譯。

標簽: CSS
相關文章:
主站蜘蛛池模板: 久久国产免费一区 | 精品国产高清不卡毛片 | 国产精品久久视频 | 亚洲黄色三级视频 | 思99re久久这里只有精品首页 | 久久有这有精品在线观看 | 久久久国产精品视频 | 亚洲另类视频在线观看 | 亚欧毛片 | 国产精品女在线观看 | 精品日韩二区三区精品视频 | 国产日韩欧美在线一二三四 | 91色综合综合热五月激情 | 日本特级视频 | 午夜精 | 天干天干天啪啪夜爽爽色 | 色在线免费视频 | 91热播| 美国一级毛片不卡无毒 | 欧美色性 | 91大神在线精品视频一区 | 久久国产美女免费观看精品 | 久久精品国产影库免费看 | 国产精品高清视亚洲一区二区 | 99精品久久久久久久 | 欧美精品国产制服第一页 | 在线观看欧美一区 | 亚洲无限看 | 黄网站在线播放视频免费观看 | 久久欧美成人精品丝袜 | 日韩国产中文字幕 | 精品国产免费人成在线观看 | 亚洲精品在线看 | 日韩视频一区二区三区 | 成人午夜天 | 羞羞一区二区三区四区片 | 国产成人一区二区三区在线视频 | 日本强不卡在线观看 | 美女张开腿让人捅 | 神马最新午夜限制片 | 久精品在线观看 |