Grunt的配置及使用(压缩合并js/css) 安装 前提是你已经安装了nodejs和npm。 你能够在 nodejs.org 下载安装包安装。也能够通过包管理器(比方在 Mac 上用 homebrew,同一时候推荐在 Mac 上用 homebrew)。 安装grunt CLI npm instal ...
分类:
Web程序 时间:
2017-08-08 20:08:10
阅读次数:
229
1.什么是Webpack? Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2.WebPack和Grunt以及Gulp相比有什么特性 ...
分类:
Web程序 时间:
2017-07-31 14:35:34
阅读次数:
165
一、contrib-concat插件的使用1、安装“grunt-contrib-concat”插件命令(在终端进入到项目根目录执行)npminstallgrunt-contrib-concat--save-dev2、在项目根目录下提供concat插件配置需要的src目录和需要被合并的源文件(合并源文件放置到src目录下)mkdirsrc3、在Gruntfile...
分类:
其他好文 时间:
2017-07-31 09:56:36
阅读次数:
92
前言 之前一直在用gulp。后面也引入的webpack,两个构建工具都在使用。回头看看自己写的配置文件,觉得还是有必要记录一下。 一、gulp 和grunt的区别 Grunt主要是以文件为媒介来运行它的工作流的,比如在Grunt中执行完一项任务后,会把结果写入到一个临时文件中,然后可以在这个临时文件 ...
分类:
其他好文 时间:
2017-07-30 11:36:04
阅读次数:
128
当今时代,前端代码变的庞大复杂,代码维护、打包极其困难。所以前端的自动化构建工具显得尤为重要。我们要讲的就是grunt。grunt是一个基于node.js的自动化构建、测试、生成文档的项目管理工具。 一.安装grunt 1.安装grunt之前首先得安装node:从官网上下载,安装即可,在命令行中输入 ...
分类:
其他好文 时间:
2017-07-30 11:26:16
阅读次数:
190
接触Bower一年多了,今天对于它的有一些疑问,并且写此博文记录之。 首先把Bower的官网附上: https://bower.io/ (一)什么是Bower Bower:就是一个前端包管理工具。能够帮我们管理Web站点上的各种框架,类库等等。主要作用有如下:能够帮助我们跟踪前端包,并且保证他们是最 ...
分类:
其他好文 时间:
2017-07-29 13:02:07
阅读次数:
229
Grunt的简介:Grunt是一套前端自动化工具,是一个基于node.js的命令行工具,它一般用于:1、压缩文件;2、合并文件;3、简单的语法检测;4、监听文件变动;5、less编译;PS:Grunt官网(https://gruntjs.com/)。Grunt就像是一个工具箱,拥有非常丰富的任务插件,可以帮助开发..
分类:
其他好文 时间:
2017-07-25 00:51:19
阅读次数:
250
具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 目录结构: 一、js合并压缩 第一次需要先安装grunt。执行 npm install -g grunt-cli 进行安装。如果已经安装,可以忽略。 1.package.json文件 安装所需要的依赖文件 安装命令: 2.Gru ...
分类:
Web程序 时间:
2017-07-24 00:01:56
阅读次数:
196
在 Oracle JET 应用程序中使用 RequireJS 添加第三方工具或库。 步骤: 1.如果使用工具框架脚手架,需要一下操作。 a.使用 npm 安装你需要的库。 npm install my-library --save b.在 script/grunt/config 目录中,在 orac ...
分类:
数据库 时间:
2017-07-22 12:10:30
阅读次数:
202
var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', ...
分类:
其他好文 时间:
2017-07-12 18:58:11
阅读次数:
277