Grunt 自动编译 Less 文件配置
1.安装Grunt
http://www.gruntjs.net/getting-started
2.编辑 package.json 文件
{
"name": "GruntTest",
"version": "1.0.0",
"devDependencies": {
"grunt": "^0.4.5",
"grunt-contrib-watch": "^0.6.1",
"grunt-contrib-less": "^1.3.0"
}
}
3.执行npm命令
npm install
注意:必须在package.json文件目录下执行
执行命令后就会在根据package.json文件下载相关插件
aaarticlea/png;base64,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" alt="" />
4.配置Gruntfile.js文件
module.exports = function(grunt) { // Project configuration.
grunt.initConfig({ pkg: grunt.file.readJSON('package.json'),
less: {
main: {
files: {
'../css/login.css': '../model/less/*.less'
}
},
task: {
expand: true,
src: ['../model/less/*.less'],
dest:'dis',
ext: '.css'
} },
watch: {
scripts: {
files: ['../model/less/*.less'],
tasks: ['less:task']
}
}
});
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default', ['watch','less']);
};
5.执行 Grunt
grunt
Grunt 自动编译 Less 文件配置的更多相关文章
- Eclipse不自动编译java文件的终极解决方案
最近我的eclipse经常犯傻,项目中总是有很多,启动项目也是没有启动类.查了下项目中生成的class文件,我靠竟然没有,或者还是以前的.原来是eclipse犯傻了,它没帮我自动编译java文件.一般 ...
- Eclipse不能自动编译 java文件的解决方案
前段时间出现了eclipse 不自动编译java文件的问题,在网上找了好长时间,总算把问题解决了,现在把这个问题的解决方法总结一下. 1,看看project -- Build Automaticall ...
- SSH自动登录config文件配置
title: SSH自动登录config文件配置 comments: false date: 2019-08-19 19:29:13 description: 更方便的 ssh 操作??? categ ...
- Eclipse不能自动编译 java文件
在网上的解决方法 方法参考如下: (1) Window-->Preferences-->General-->Workspace 有个"Build automatica ...
- Eclipse不能自动编译 java文件,不会生成CLASS
每次修改类代码后都得重启 Tomcat 花了1天终于解决,网上所说基本是下面1和2的方法,使用之后还是不行最后重新建工作环境导入项目对比了一下找到第三种方法 1.Project 下有个 "B ...
- Tomcat不能自动编译JSP文件问题的一种解决方法
今天碰到一个非常奇怪的问题,机器环境是JDK8.Tomcat8,把jQuery MiniUI ( for Java Eclipse)下载后导入到Eclipse中,首页可以显示,但运行操作数据库的页面出 ...
- 配置tomcat及如何自动编译jsp文件
1.myeclipse如何关联tomcat? 四个注意点... 必须一致! 2.别人修改过jsp不用重启服务器,我的却要每次重启服务器,网上找了很多方法都没有用,很是郁闷...最后发现了原来是bui ...
- 安利一个MVC的好东西,RazorGenerator.MsBuild,可以自动编译cshtml文件
在传统的asp.net webForm 开发里,在发布时,如果选择预编译,就会自动将所有的aspx 文件编译,在发布后的目录里,就看不到aspx的源代码了,同时因为是预编译的,所以每个页面打开速度都挺 ...
- webstoem自动编译less文件
去node的主页下载对应版本的nodejs然后安装下载地址:http://nodejs.org/ 根据自己的系统选择合适的版本下载. 安装完成之后打开命令提示符(win+r 输入cmd 回车),分 ...
随机推荐
- SQL-基础学习2--ORDER BY ,DESC,WHERE, BETWEEN,AND ,OR ,IN ,NOT
所使用的数据库资料在:数据库资料 第三课:排序检索数据 3.1 排序数据 按单列排序 如果不排序,数据一般将以它在底层表中出现的顺序显示,这有可能是数据最初添加到表中的顺序.但是,如果数据随后进行 ...
- 邁向IT專家成功之路的三十則鐵律 鐵律三:IT人長久之道–站對邊
這一回來談談IT人對於技術的學習.對於一位專業的IT人來說,在自己有興趣的技術領域之中,究竟要如何來正確選擇學習的方向呢?關於這個問題的答案,筆者個人深深體會到這確實會成為一位專業IT人士的長久經營之 ...
- cocos2d-x step by step(2) 鼠标事件,键盘事件,等等事件
各种小控件加载进去了,那么问题来了,这些东西如何接受事件呢? good job,let us find the answer 首先我们去看文档,官方尼玛有好多文档,而且大,全,详细,感觉还是不错的 h ...
- android特效集合
https://github.com/Trinea/android-open-project http://www.cnblogs.com/hawkon/p/3593709.html http://i ...
- nginx学习(二)——基础概念之异步非阻塞
上面讲了很多关于nginx的进程模型,接下来,我们来看看nginx是如何处理事件的. 有人可能要问了,nginx采用多worker的方式来处理请求,每个worker里面只有一个主线程,那能够处理的并发 ...
- Keras学习
参加比赛用到了keras,虽然之前用tensorflow,但是感觉tensorflow的确不太友好,api比较难读,然后就学习keras使用 随着深入,发现keras的api确实比较友好 跑了一些ex ...
- mySql 主从复制linux配置
总结: 主库(192.168.1.251): /etc/my.cnf.d/server.cnf [mysqld] log-bin=mysql-bin server-id=1 从库(192.168.1. ...
- HDU1506 Largest Rectangle in a Histogram (动规)
Largest Rectangle in a Histogram Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 ...
- 用redis实现跨服务器session(转)
这个月我们新开发了一个项目,由于使用到了4台机器做web,使用dns做负载均衡, 上面图上用户通过DNS的调度(一个域名对应多个ip)分别访问到VM2-VM5上,四台机器都访问VM1上的redis,两 ...
- Spring里bean之间的循环依赖解决与源码解读
通过前几节的分析,已经成功将bean实例化,但是大家一定要将bean的实例化和完成bean的创建区分开,bean的实例化仅仅是获得了bean的实例,该bean仍在继续创建之中,之后在该bean实例的基 ...