hywel

驯龙高手共两部

第一部剧情

维京岛国的少年小嗝嗝是部落统领伟大的斯托里克的儿子， 他非常想像自己的父亲一样亲手屠龙 这些飞龙是岛上维京人放牧羊群的主要天敌 但他每次出现在部落屠龙的战斗中都只给大家徒增烦恼。 在一次对抗飞龙的战斗中， 希卡普偷偷用射龙器击伤了一只最神秘的“夜之怒龙”， 并背着族人放生、豢养，甚至驯服了这只龙， 还给它起名“无牙”。 希卡普的神秘行径引起了一同训练屠龙技巧的女孩阿斯特丽德的怀疑。 阿斯特丽德发现了希卡普的秘密， 却同时被身骑“无牙”御风而飞的美妙体验所震撼。 格雷决定在屠龙成人礼上向远征归来的斯托里克和族人讲明真相， 说服大家放弃屠龙， 却偏偏弄巧成拙，害得“无牙”被俘， 一场更大的灾难就在眼前……

第二部剧情

年轻英勇的维京勇士小嗝嗝驯服受伤的龙， 更与它成为好友。经过五年时间， 博克岛居民的生活彻底渗入龙的气息。 博克岛现已是个维京人与龙和平共存的天堂。 然而，成长却意味着责任。 为了寻找答案， 小嗝嗝与忠诚的没牙仔开始了他们的冒险旅程， 但结果却超乎预料。 一方面，小嗝嗝发现神秘的驯龙骑士， 正是失踪多年的亲母沃尔卡 另一方面，嗜权的德雷格与龙猎人埃雷特结盟， 威胁到博克岛上人与龙的和平。 为了保护深受大家喜爱的龙，阿丝翠德、高博， 维京伙伴们：鼻涕虫、鱼脚司及双胞胎拉芙纳特、特夫纳特都出手相助， 加上小嗝嗝、身为部族的首领的父亲斯多戈及母亲连手合作。 在这期间，小嗝嗝一直追寻的答案就在不知不觉以意想不到的方式出现了……

1. 全局安装 gulp：

1

$ npm install --global gulp

2. 作为项目的开发依赖（devDependencies）安装：

1

$ npm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件：

1
2
3
4
5

var gulp = require('gulp');

gulp.task('default', function() {
  // 将你的默认的任务代码放在这
});

4. 运行 gulp：

1

$ gulp

默认的名为 default 的任务（task）将会被运行，在这里，这个任务并未做任何事情。 想要单独执行特定的任务（task），请输入 gulp <task> <othertask>。

var gulp = require(‘gulp’);
var minifycss = require(‘gulp-minify-css’);
var concat = require(‘gulp-concat’);
var uglify = require(‘gulp-uglify’);
var rename = require(‘gulp-rename’);
var htmlmin = require(‘gulp-htmlmin’);
var del = require(‘del’);
var imagemin = require(‘gulp-imagemin’); //压缩图片 ;
//压缩css
gulp.task(‘indexcss’, function () {
gulp.src([‘css/css.css’, ‘./js/bootstrap/css/bootstrap.min.css’, ‘./js/bootstrap/non-responsive.css’, ‘css/main.css’]) //压缩的文件
.pipe(concat(‘main.css’))
.pipe(gulp.dest(‘./dist/css’)) //输出文件夹
.pipe(minifycss()); //执行压缩
});
//压缩js
gulp.task(‘indexjs’, function () {
gulp.src([“./js/lib/jquery-1.9.1.min.js”, “./js/bootstrap/js/bootstrap.min.js”, “./js/lib/jqueryui/jquery-ui.min.js”, “./js/lib/jquery.cookie.js”, “./js/lib/avalon.js”, “./js/lang.js”, “./js/util.js”, “./js/lib/html2canvas.min.js”, “./js/component.js”, “./js/page/index.js”])
.pipe(concat(‘index.main.js’)) //合并所有js到main.js
.pipe(gulp.dest(‘./dist/js’)) //输出main.js到文件夹
.pipe(rename({
suffix: ‘.min’
})) //rename压缩后的文件名
.pipe(uglify({
mangle: false,//类型：Boolean 默认：true 是否修改变量名
compress: false//类型：Boolean 默认：true 是否完全压缩
})) //压缩
.pipe(gulp.dest(‘./dist/js’)); //输出
});
// 压缩图片
gulp.task(‘testimage’, function () {
gulp.src(‘image/*.*‘)
.pipe(imagemin({
optimizationLevel: 5, //类型：Number 默认：3 取值范围：0-7（优化等级）
progressive: true, //类型：Boolean 默认：false 无损压缩jpg图片
interlaced: true, //类型：Boolean 默认：false 隔行扫描gif进行渲染
multipass: true //类型：Boolean 默认：false 多次优化svg直到完全优化
}))
.pipe(gulp.dest(‘./dist/image’));

});
// 压缩html
gulp.task(‘compressHtml’, function () {
gulp.src(‘*.html’)
.pipe(htmlmin({
removeComments: true, //清除HTML注释
collapseWhitespace: true, //压缩HTML
collapseBooleanAttributes: true, //省略布尔属性的值 ==>
removeEmptyAttributes: true, //删除所有空格作属性值 ==>
removeScriptTypeAttributes: true, //删除