JSP环境下如何对LESS自动预处理
来源:互联网 发布:matlab导入excel数据 编辑:程序博客网 时间:2024/06/07 04:45
首先,我其实并不懂JSP,但是碍于项目需求,我不得不以一个前端的身份去研究如何在JSP环境下实施LESS。
因为我们这个项目里有用户个性化CSS文件,所以需要能够对LESS自动预处理,而不希望需要人工介入。
好了,废话不多说,以下提供我研究出来的方案。
首先是包依赖性:
apache-commons-logging.jar
log4j-1.2.17.jar
commons-lang-2.6.jar (只能用3.0以下版本,版本过高将报编译错误)
js.jar (目前可用版本为rhino1_7R3和rhino1_7R4。rhino1_7R4性能稍高,但是只报编译错误。rhino1_7R3性能稍差,但是错误信息很详细,对调试LESS很有用。)
lesscss-engine-1.3.0.jar (可选的,似乎去掉也不影响正常运行)
lesscss-servlet-1.3.0.jar (LESS解析包,这个才是关键)
将以上这些包全部放入tomcat的lib文件夹下即可。
只需在WEB-INF/web.xml 文件添加如下节点即可:
<servlet> <servlet-name>less</servlet-name> <servlet-class>com.asual.lesscss.LessServlet</servlet-class> <init-param> <param-name>compress</param-name> <param-value>false</param-value> </init-param> <init-param> <param-name>cache</param-name> <param-value>false</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>less</servlet-name> <url-pattern>*.less</url-pattern> </servlet-mapping>
参数compress,表示是否启用压缩。生产环境建议启用。
参数cache,表示是否启用缓存。测试环境不要启用。
Okay,我们来测试一下,新建一个文件,命名为 test.less,文件内容如下:
@color: #FF0000;#header { color: @color;}然后,启动tomcat,打开浏览器,输入:http://127.0.0.1:8080/test.less。结果应该如下:
#header { color: #ff0000;}至此,JSP环境下的LESS预处理宣告成功。
- JSP环境下如何对LESS自动预处理
- less预处理语言
- css预处理器--less
- CSS预处理-LESS
- CSS预处理器-Less
- CSS预处理语言--Less
- LESS预处理器
- CSS预处理语言 less (一) 初识less
- 如何对建模型数据进行预处理
- 如何对建模型数据进行预处理
- CSS预处理器 Less & Sass
- eclipse/wtp环境下如何自动向tomcat拷贝lib
- 编译时标签(对JSP进行的XSLT预处理)
- 编译时标签(对JSP进行的XSLT预处理)
- Linux环境下如何通过WMI对windows进行监控
- webstorm下搭建编译less环境 以及设置压缩css
- java通过poi对Excel数据在(jsp+ssh)环境下导入导出
- WebStorm自动编译less
- cocos2d-x 学习日志(5)之cocos2d-x播放视频
- 手机网站和webapp开发默认页面
- python
- 第一篇:从决策树学习谈到贝叶斯分类算法、EM、HMM
- 程序员的生产效率 – 打扰、会议和远程工作
- JSP环境下如何对LESS自动预处理
- 针对spring中@ResponseBody返回中文乱码的解决
- 使用GDB 调试STL方法
- 恢复Reflector反编译后资源文件的方法
- 读取设置RTC时间
- linux 简单配置samba 服务
- 优化GNU/Linux桌面安装的九个步骤
- MVC模式复习
- android 编译mp4v2 2.0.0生成动态库