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 回车),分 ...
随机推荐
- AnsiString类型定义的时候可以直接指定代码页,比如950繁体字,936日文
procedure TForm3.FormCreate(Sender: TObject); type AnsiStringForPage = type AnsiString(950);//代码页 va ...
- Hibernate注解详解
一.实体Bean 每个持久化POJO类都是一个实体Bean, 通过在类的定义中使用 @Entity 注解来进行声明. 声明实体Bean @Entitypublic class Flightimplem ...
- Windows10下Apache2.4配置Django
开发环境 Windows 10 x64 Apache 2.4 x64 Python 2.7.11 x64 Django 1.9.6+ 下载和安装mod_wsgi 到 http://download.c ...
- python(36)- 测试题
1.8<<2等于? 32 “<<”位运算 264 132 64 32 16 8 4 2 1 原始位置 0 0 0 0 0 1 0 0 0 想左位移2位 0 0 0 1 0 0 ...
- Selenium系列之--07 操作远程浏览器
Selenium远程控制浏览,可以通过如下两种方式实现,本质上都是Selenium Grid a. 客户机启Selenium Standalone Server 作为远程服务,服务端通过调用Remo ...
- 你必须了解的java内存管理机制(二)-内存分配
前言 在上一篇文章中,我们花了较大的篇幅去介绍了JVM的运行时数据区,并且重点介绍了栈区的结构及作用,相关内容请猛戳!在本文中,我们将主要介绍对象的创建过程及在堆中的分配方式. 相关链接(注:文章讲解 ...
- kubernetes调度之资源耗尽处理配置
系列目录 本篇将介绍如何使用kubelet处理资源耗尽的情况 当可用的计算机资源非常低的时候,kubelet仍然要保证节点的稳定性.当处理不可压缩的计算机资源(比如内存或磁盘空间)时,这尤其重要,当这 ...
- linux socket详解
1 linux socket编程的固定模式 server端,bind.listen.accept client端,connect client端和server端之间的一次通信: client端,wri ...
- vue http 请求
https://github.com/vuejs/awesome-vue#http-requests vue-resource - npm https://www.npmjs.com/package/ ...
- xmanager 5图文使用教程
1.Xconfig xconfig是linux下X Window环境中用于配制的一个工具,和menuconfig相似,但用法更友好方便. 当你创建一个会话,会话分配一个默认的配置文件.Xmanager ...