威尼斯人线上娱乐

开机自运行,gulp插件介绍

28 3月 , 2019  

 

用python给html里的css及js文件链接自动添加版本号,

 

开机自运行,gulp插件介绍。古板的给文件链接添加版本号的办法是利用gulp-rev,那里建议的缓解方案是选用python来顶替gulp-rev。

 

import os
import re
import uuid
import sys


def file_extension(path):
    return os.path.splitext(path)[1]


basePath = sys.argv[1]
if len(sys.argv)==1:
    sys.exit()


html_list = []


def find_html(path):
    files = os.listdir(path=path)

    for item in files:
        abs_path = os.path.join(path, item)
        if not os.path.isdir(abs_path) and file_extension(abs_path) == ".html":
            html_list.append(abs_path)

        if (os.path.isdir(abs_path)):
            find_html(abs_path)


def deal_html(html_list):
    for html_path in html_list:
        html_file = open(html_path, "r+", encoding='UTF-8')
        content = html_file.read()
        # print(html_file.read())
        # res = re.sub(r'<link (.*) href="(.*)\.css".*>',r'<link \1 href="\2\.css?v=1"\3>',content)
        res1 = re.sub(r'<link (.*) href="(.*)\.css.*"(.*)>', lambda x: '<link ' + x.group(1) + ' href="' + x.group(
            2) + '.css?v=' + uuid.uuid1().hex + '"' + x.group(3) + '>', content)
        res2 = re.sub(r'<script src="(.*)\.js.*"></script>',
                      lambda x: '<script src="' + x.group(1) + '.js?v=' + uuid.uuid1().hex + '"></script>', res1)
        html_file.seek(0)
        html_file.truncate()
        html_file.write(res2)
        html_file.close()


if __name__ == '__main__':
    find_html(basePath)
    deal_html(html_list)

将以上代码另存成auto_version.py文件后,新建auto_version.bat文件,写入以下内容:

python ./auto_version.py "D:\your project dir"

修改好.bat文件里的门路后,双击运转即可。

古板的给文件链接添加版本号的办法是使用gulp-rev,这里建议的缓解方案是应用python来替…

干什么选取

转自  

观念的给文件链接添加版本号的艺术是行使gulp-rev,那里提议的缓解方案是选择python来代表gulp-rev。

代码同步

威尼斯人线上娱乐 1

 

browser-sync 应用方法

环境:win7  tomcat7 

import os
import re
import uuid
import sys


def file_extension(path):
    return os.path.splitext(path)[1]


basePath = sys.argv[1]
if len(sys.argv)==1:
    sys.exit()


html_list = []


def find_html(path):
    files = os.listdir(path=path)

    for item in files:
        abs_path = os.path.join(path, item)
        if not os.path.isdir(abs_path) and file_extension(abs_path) == ".html":
            html_list.append(abs_path)

        if (os.path.isdir(abs_path)):
            find_html(abs_path)


def deal_html(html_list):
    for html_path in html_list:
        html_file = open(html_path, "r+", encoding='UTF-8')
        content = html_file.read()
        # print(html_file.read())
        # res = re.sub(r'<link (.*) href="(.*)\.css".*>',r'<link \1 href="\2\.css?v=1"\3>',content)
        res1 = re.sub(r'<link (.*) href="(.*)\.css.*"(.*)>', lambda x: '<link ' + x.group(1) + ' href="' + x.group(
            2) + '.css?v=' + uuid.uuid1().hex + '"' + x.group(3) + '>', content)
        res2 = re.sub(r'<script src="(.*)\.js.*"></script>',
                      lambda x: '<script src="' + x.group(1) + '.js?v=' + uuid.uuid1().hex + '"></script>', res1)
        html_file.seek(0)
        html_file.truncate()
        html_file.write(res2)
        html_file.close()


if __name__ == '__main__':
    find_html(basePath)
    deal_html(html_list)

browser-sync-spa

 

将以上代码另存成auto_威尼斯人线上娱乐,version.py文件后,新建auto_version.bat文件,写入以下内容:

gulp-livereload 实时刷新

开机自运维:

python ./auto_version.py "D:\your project dir"

AngularJS

应用管理员打开命令提醒符,进入tomcat7目录,运营 

修改好.bat文件里的路线后,双击运维即可。

eslint-plugin-angular

 

gulp-angular-filesort

组成使用以gulp-inject正确的依次注入您的AngularJS应用程序文件(脚本),以摆脱全体Uncaught
Error:
[$injector:modulerr]。为了科学工作,各类角度文件须要有所唯一命名的模块和setter语法(带括号),即angular.module(‘myModule’,
[])。

[plain] view
plain copy

gulp-angular-templatecache 将html模板缓存到$templateCache中

 

gulp-ng-annotate //是叁个处理angularjs注重注入的插件,它的用法如下

gulp.task('build-app-js', function () {
    return gulp.src('src/app/**/*.js')
        .pipe(ngAnnotate({single_quotes: true}))
        .pipe(gulp.dest(buildDir + '/js/app'));
});

健康大家写angular代码是那样子的

angular.module('app', [])
    .controller('AppCtrl', ['$scope', function($scope) {
        // 别的代码
    }])

但使用了这些插件之后,每二个正视注入的项就无须再写两次了,如

angular.module('app', [])
    .controller('AppCtrl', function($scope) {
        // 别的代码
    })

gulp-ng-annotate会帮大家生成带中括号的写法
,那样子是还是不是节约了累累重新工作啊?特别是在注入的劳动格外多的时候,能够少写过多代码,并且也不用担心顺序有没有写错。

  1. service remove tomcat7 & service install tomcat7 & sc config tomcat7 start= auto   

文件操作

&是统一多条语句,start=
和auto之间有个空格

gulp-filter 过滤文件

Example:https://github.com/hjzheng/CUF\_meeting\_knowledge\_share/blob/master/2015-11-10/gulpfile.js
gulp-filter能够把stream里的公文依据早晚的规则进行筛选过滤。比如gulp.src中流传匹配符匹配了重重文书,可以把这个文件pipe给gulp-filter作三遍筛选,如gulp.src(‘*/.js’).pipe($.filter(/a/*.js)),本来选中了全数子文件下的js文件,经过筛选后变为名为a的子文件夹下的js文件。那有人要问了,为何不直接将索要的筛选传入gulp.src,干嘛要多筛选一步呢?那之中有二种情况:

gulp.src与$.filter中间或然须要其他处理,比如本身对拥有文件做了操作1未来,还索要筛选出有个别做操作2。
其次种情况就要谈到gulp-filter的此外二个风味:筛选之后仍可以restore回去。比如小编对拥有文件做了操作1,筛选了一片段做操作2,最终要把全体的文书都拷贝到最终的地点。代码如下:

var filter = $.filter('**/a/*.js');
gulp.src('**/*.js')
    .pipe(action1())
    .pipe(filter)
    .pipe(action2())
    .pipe(filter.restore())
    .pipe(gulp.dest('dist'))

能够见见,假使没有restore那一个操作,那么拷贝到最后地方的文本将只含有被过滤出来的公文,那样一restore,全数的公文都被拷贝了。

 

gulp-flatten 当拷贝文件时,不想拷贝目录时使用

例子:https://segmentfault.com/q/1010000004266922
gulp-flatten很是实用,或者清楚别的库中flatten函数的同窗早已猜到它是干嘛的了。比如gulp.src(‘*/.js’)匹配了过多文本,包罗a/b/c.js,d/e.js,f/g/h/i/j/k.js,l.js,这几个文件的层级都不一致,一旦我们将这些文件pipe给$.flatten(),则怀有的公文夹层级都会去掉,最后的文件将是c.js,e.js,k.js,l.js,在有些现象下依旧尤其实用的。

唤醒一下:

JS/CSS自动注入

1.自我自身测试,不管tomcat是还是不是已经在劳务里,都能够任意卸载,不用停服务

gulp-replace

2。一定要利用管理员运转命令提醒符!!!!!(直接在运作里cmd的命令提醒符不享有管理员权限),必须去附属类小部件->命令提示符 
右击 选中管理员运转。

gulp-rev 把静态文件名改成hash的花样。

 

gulp-rev-append 给页面引用的静态文件扩大hash后缀,幸免被浏览器缓存

效能如下:

"/css/base.css" => "/dist/css/base.css?v=1d87bebe"    
"/js/mod.js" => "/dist/mod.js?v=61e0be79"    
"g.png"  => "g.png?v=35c3af8134"

将tomcat绑定到固定jdk

gulp-rev-replace 同盟 gulp-rev 使用,得到变化的 manifest。json 后替换对应的文件名称。

gulp-useref 与 gulp-rev、gulp-rev-replace

那八个工具之所以放在一块儿讲,是因为它们一般都以一同行使的。它们要缓解什么难题吧?通过地点的wiredep也好,gulp-inject也好,插入了一堆JS、CSS文件到HTML中,一旦铺排到生产条件,这么多文本必然是要合并压缩的。光是压缩还不够,为了消除缓存难题,每回合并压缩后要给最后的文件加hash,那样每趟文件内容一变动,hash也会跟着变动,就不存在浏览器依旧选择缓存的老文件的难题。这样获得终极的公文从此,肯定还要将这么些文件替换回HTML中去,一大堆的script和link标签替换到最后合并压缩带hash的版本。

日前呶呶不休的一大堆工作正是那四个插件要缓解的难点了。首先,gulp-useref依照注释将HTML中须要统一压缩的区块找出来,对区块内的保有文件举行联合。注意:它只负责统一,不担当压缩!所以集合出来的文件大家要活动压缩,压缩以往调用gulp-rev负责在文书名后追加hash。最终调用gulp-rev-replace负责把最后的文本名更迭回HTML中去。扯了大半天,照旧一贯上例子吗。先来看看HTML中的注释:

<!-- build:css static/styles/lib.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css static/styles/app.css -->
<!-- inject:css -->
<!-- endinject -->
<!-- endbuild -->
<!-- build:js static/js/lib.js -->
<!-- bower:js -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:js static/js/app.js -->
<!-- inject:js -->
<!-- endinject -->
<!-- endbuild -->

gulp-useref识其余正是build发轫的笺注,build后边首先跟的是种类扩大名,然后前边的路径正是build区块中的全数文件举行合并后的文本路径,那几个相对路径是争辩于这一个HTML的门路。上面的例子中大家用build区块把bower和inject进来的文件包起来,那一个文件就足以被gulp-useref合并了。再来看gulp中useref相关task的定义:

var assets = $.useref.assets({searchPath: 'app/src/'});
var cssFilter = $.filter('**/*.css');
var jsAppFilter = $.filter('**/app.js');
var jslibFilter = $.filter('**/lib.js');
return gulp
    .src('index.html')
    .pipe(assets)
    .pipe(cssFilter)
    .pipe($.csso())
    .pipe(cssFilter.restore())
    .pipe(jsAppFilter)
    .pipe($.uglify())
    .pipe(getHeader())
    .pipe(jsAppFilter.restore())
    .pipe(jslibFilter)
    .pipe($.uglify())
    .pipe(jslibFilter.restore())
    .pipe($.rev())
    .pipe(assets.restore())
    .pipe($.useref())
    .pipe($.revReplace())
    .pipe(gulp.dest('dist'));

率先一上来,先调用$.useref.assets()函数,这几个函数再次回到一个stream,蕴含已经统一后的公文。能够品尝在第8行后边加上前边介绍过的gulp-print插件.pipe($.print()),打字与印刷出stream里的文书,发现便是前方HTML中陆个build注释块前面包车型客车五个公文。注意那里调用的时候跟了2个searchPath的参数,它的用处正是钦点从哪些路径始于找寻build区块底下的文书。比如build区块底下有诸如此类一行<script
src=”static/js/a.js”></script>,那最后gulp-useref将从这几个路径app/src/static/js/a.js找到那些文件。第叁到5行定义了3个filter,那关键是为了前边压缩准备的。上边正式看stream的pipe流程。先选出要处理的HTML文件,然后调用刚才获得的assets得到统一后的四个公文,第8到12行筛选出合并后的CSS文件实行削减(压缩类插件下篇小说再讲),第③3到16行筛选出app.js举办压缩,第壹7到19行筛选出lib.js进行削减。之所以要区分对待app.js和lib.js,是因为app.js是我们生死相许写的代码,压缩后要添加header(第②5行,使用前边介绍过的gulp-header插件),而lib.js是第3方的各个库,直接压缩即可。后边调用gulp-rev给裁减后的陆个文本加hash,然后调用assets.restore()将src源换回HTML文件,那是为着前面调用$.useref(),因为$.useref()做替换的src源是HTML文件,同样前面调用gulp-rev-replace将带hash的文件替换回HTML,它要求的src源也务必是HTML文件。那里的一一很重庆大学,因为那多少个插件接受的源不平等,gulp-rev接受的是JS、CSS文件,而gulp-useref和gulp-rev-replace接受的是HTML。还有二个题材:gulp-rev-replace是怎么明白gulp-rev进行hash前后的文书名对应提到吧?其实gulp-rev会生成二个manifest的文本,内容是看似下边包车型客车JSON:

{
    "static/styles/lib.css": "static/styles/lib-d41d8cd98f.css"
    "static/js/lib.js": "static/js/lib-273c2cin3f.js"
}

当然那些文件暗许是不会变动在文件系统里的,能够透过.pipe($.rev.manifest())将那一个文件保留到本地。有了这些文件,gulp-rev-replace甚至能够脱离gulp-rev独立工作啊!

设想到java的流行,客户电脑里很或然包涵别的java产品,为防止互相影响jdk或jre,故大家的制品的jdk不写入path或JAVA_HOME中,在设置进度中央直机关接

gulp-inject //文件的流入

个人知道: 正是把 css,js全体应用那么些插件添加到 index.html
页面里,不必要手动去丰硕

<script src="../bower_components/jquery/dist/jquery.js"></script>
<link src="css/index.css"/>

<!-- inject:js -->  
<script src="scripts/app.js"></script>  
<!-- endinject -->  

将tomcat绑定到祥和产品目录的jdk

压缩

鉴于大家是开机自动格局运行tomcat,想想前边的一声令下

gulp-zip

[plain] view
plain copy

gulp-mini-css 压缩css使用的

 

gulp-mini-html

  1. service install tomcat7 & sc config tomcat7 start= auto   

gulp-useref 用uglify压缩js

url:https://www.npmjs.com/package/gulp-useref
说到优化的时候,我们须求想到:压缩,拼接。也正是压缩体量和HTTP次数。

开发者面临的机要问题是很难根据科学的各样合并文件。

<body>
  <!-- other stuff -->
  <script src="js/lib/a-library.js"></script>
  <script src="js/lib/another-library.js"></script>
  <script src="js/main.js"></script>
</body>

由于文件路径的的不等,使用 https://www.npmjs.com/package/gulp-concat
等插件十分不便。

幸甚的是, gulp-useref 解决了那几个题材。

gulp-useref会将七个公文拼接成单一文件,并出口到对应目录。

<!-- build:<type> <path> -->
... HTML Markup, list of script / link tags.
<!-- endbuild -->

能够是js,css,恐怕remove。假诺你设为remove,Gulp将不会变动文书。

钦点产出路径。

大家想最后出现main.min.js。能够这样写:

<!--build:js js/main.min.js -->
<script src="js/lib/a-library.js"></script>
<script src="js/lib/another-library.js"></script>
<script src="js/main.js"></script>
<!-- endbuild -->

劳务运行从service.bat
开端的,在看望service.bat文件,分明在文书开首参预:

gulp-uglify //压缩、混淆js文件用的

 

着力采纳

var gulp = require('gulp'),
    uglify = require('gulp-uglify');

gulp.task('jsmin', function () {
    gulp.src('src/js/index.js')
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

 

收缩八个js文件

var gulp = require('gulp'),
    uglify = require('gulp-uglify');

gulp.task('jsmin', function () {
    gulp.src(['src/js/index.js','src/js/detail.js']) //多个文件以数组形式传入
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

[plain] view
plain copy

匹配符“!”,“”,“*”,“{}”

var gulp = require('gulp'),
    uglify= require('gulp-uglify');

gulp.task('jsmin', function () {
    //压缩src/js目录下的所有js文件
    //除了test1.js和test2.js(**匹配src/js的0个或多个子文件夹)
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js']) 
        .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

 

点名变量名不混淆改变

var gulp = require('gulp'),
    uglify= require('gulp-uglify');

gulp.task('jsmin', function () {
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js'])
        .pipe(uglify({
            //mangle: true,//类型:Boolean 默认:true 是否修改变量名
            mangle: {except: ['require' ,'exports' ,'module' ,'$']}//排除混淆关键字
        }))
        .pipe(gulp.dest('dist/js'));
});
  1. set JAVA_HOME=D:\common\jdk1.6.0_10  
  2. set JRE_HOME=D:\common\jdk1.6.0_10\jre  

gulp-uglify别的参数 切切实实参看

var gulp = require('gulp'),
    uglify= require('gulp-uglify');

gulp.task('jsmin', function () {
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js'])
        .pipe(uglify({
            mangle: true,//类型:Boolean 默认:true 是否修改变量名
            compress: true,//类型:Boolean 默认:true 是否完全压缩
            preserveComments: 'all' //保留所有注释
        }))
        .pipe(gulp.dest('dist/js'));
});

地方是个例证,你换来团结的目录即可

gulp-css-base64

把小图片的ULX570L替换为Base64编码图片。

 

gulp-imagemin 压缩图片

裁减图片文件(包含PNG、JPEG、GIF和SVG图片)
github:https://github.com/sindresorhus/gulp-imagemin

如图:

主干选取

var gulp = require('gulp'),
    imagemin = require('gulp-imagemin');

gulp.task('testImagemin', function () {
    gulp.src('src/img/*.{png,jpg,gif,ico}')
        .pipe(imagemin())
        .pipe(gulp.dest('dist/img'));
});

威尼斯人线上娱乐 2

gulp-imagemin别的参数 具体参看

var gulp = require('gulp'),
    imagemin = require('gulp-imagemin');

gulp.task('testImagemin', function () {
    gulp.src('src/img/*.{png,jpg,gif,ico}')
        .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/img'));
});

红线代表tomcat运维的jdk和jre的目录

纵深压缩图片

var gulp = require('gulp'),
    imagemin = require('gulp-imagemin'),
    //确保本地已安装imagemin-pngquant [cnpm install imagemin-pngquant --save-dev]
    pngquant = require('imagemin-pngquant');

gulp.task('testImagemin', function () {
    gulp.src('src/img/*.{png,jpg,gif,ico}')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],//不要移除svg的viewbox属性
            use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件
        }))
        .pipe(gulp.dest('dist/img'));
});

 

只减掉修改的图纸。

减去图片时相比耗费时间,在广大景况下我们只修改了一些图片,没有要求减弱全部图片,使用”gulp-cache”只减掉修改的图片,没有改动的图片直接从缓存文件读取(C:\Users\Administrator\AppData\Local\Temp\gulp-cache)。

var gulp = require('gulp'),
    imagemin = require('gulp-imagemin'),
    pngquant = require('imagemin-pngquant'),
    //确保本地已安装gulp-cache [cnpm install gulp-cache --save-dev]
    cache = require('gulp-cache');

gulp.task('testImagemin', function () {
    gulp.src('src/img/*.{png,jpg,gif,ico}')
        .pipe(cache(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        })))
        .pipe(gulp.dest('dist/img'));
});

瞩目:它只负责统一,不担负压缩

补给一下,假如您是双击startup.bat,运营tomcat,要想绑定固定jdk,只要在setclasspath.bat文件初始参预地点的口舌。

编译

环境:win7  tomcat7 

gulp-sass 编译sass用的

 

gulp-sourcemaps 编写翻译sass时生成额外的.map文件用的

开机自运转:

代码分析

利用管理员打开命令提示符,进入tomcat7目录,运行 

gulp-eslint

 

工具

[plain] view
plain copy

gulp-load-plugins 模块化管理。可以加载package.json文件中装有的gulp模块

 

gulp-autoprefixer 自动添加css前缀

  1. service remove tomcat7 & service install tomcat7 & sc config tomcat7 start= auto   

着力用法

var gulp = require('gulp'),
    autoprefixer = require('gulp-autoprefixer');

gulp.task('testAutoFx', function () {
    gulp.src('src/css/index.css')
        .pipe(autoprefixer({
            browsers: ['last 2 versions', 'Android >= 4.0'],
            cascade: true, //是否美化属性值 默认:true 像这样:
            //-webkit-transform: rotate(45deg);
            //        transform: rotate(45deg);
            remove:true //是否去掉不必要的前缀 默认:true 
        }))
        .pipe(gulp.dest('dist/css'));
});

&是联合多条语句,start=
和auto之间有个空格

gulp-autoprefixer的browsers参数详解

  • last 2 versions: 主流浏览器的风行八个本子
  • last 1 Chrome versions: 谷歌浏览器的最新版本
  • last 2 Explorer versions: IE的新颖八个本子
  • last 3 Safari versions: 苹果浏览器最新四个版本
  • Firefox >= 20: 火狐浏览器的本子大于或等于20
  • iOS 7: IOS7版本
  • Firefox ES奥迪Q7: 最新ES本田CR-V版本的银狐
  • 5%: 整个世界总括有超常5%的使用率

 

gulp-gh-pages 使用gulp来把markdown生成html文书档案并上传到git pages上

唤醒一下:

chalk

1.自身要好测试,不管tomcat是还是不是业已在劳动里,都能够自由卸载,不用停服务

del 清除文件

2。一定要运用管理员运转命令提醒符!!!!!(直接在运维里cmd的命令提示符不有所管理员权限),必须去附属类小部件->命令提示符 
右击 选中管理员运转。

gulp-plumber

gulp
的错误处理有点坑,假设发生错误进程就挂了。相对的消除办法不少,不过这一个是本人个人相比推荐的,比特么在简单出错的位置写错误监听可信。所以这一个插件能够阻碍
gulp 插件发生错误造成进度退出并出口错误日志。

 

estraverse 遍历函数

将tomcat绑定到固定jdk

gulp-prompt 将交互式控制台提醒添加到gulp

考虑到java的风靡,客户电脑里很恐怕含有其他java产品,为幸免互相影响jdk或jre,故我们的出品的jdk不写入path或JAVA_HOME中,在安装进程中央直机关接

gulp-protractor

将tomcat绑定到祥和产品目录的jdk

gulp-rename 修改文件名称。比如偶尔我们须要把app.js改成app.min.js,弹指间高等了

由于大家是开机自动格局运营tomcat,想想前边的命令

gulp-shell

[plain] view
plain copy

gulp-size 显示你的类型的范围

 

gulp-util

gulp-util带有很多福利的函数,当中最常用的相应便是log了。$.util.log()协理传入七个参数,打字与印刷结果会将三个参数用空格连接起来。它与console.log的差距就是装有$.util.log的结果会自动带上时间前缀。别的,它还援救颜色,如$.util.log($.util.colors.magenta(‘123’));打字与印刷出来的123是品浅花青的。其实$.util.colors正是1个chalk的实例,而chalk是越发用来处理命令行打印着色的三个工具。

  1. service install tomcat7 & sc config tomcat7 start= auto   

http-proxy-middleware

劳动运行从service.bat
开首的,在探视service.bat文件,显明在文书起始参预:

lodash

 

main-bower-files

 

uglify-save-license

[plain] view
plain copy

wiredep

wiredep正是wire
dependence的意味,它的效应正是把bower.json中宣示的dependence自动的涵盖到HTML中去。
要插入文件,wiredep需求消除四个难题:

布署的地方:wiredep通过辨认HTML中的注释来鉴定区别插入地方,如

<!-- bower:css -->
<!-- endbower -->
<!-- bower:js -->
<!-- endbower -->

今非昔比类其他文件被插入到不相同的区块。

布署什么文件:要插入的公文列表自然来自bower.json,每一种bower安装的正视性库,根目录下面都有八个要好的bower.json文件,个中的main字段指明了运用那些库必要包括的文本,wiredep最终包涵的公文列表就出自这一个字段。有些意况下,库自个儿的bower.json的main字段或然会多包蕴文件或少蕴涵文件,假若想要定制这几个列表,则能够在和谐的bower.json中采取overrides字段,如上边包车型大巴代码覆盖了mdi这一个库的main字段。

"overrides": {
  "mdi": {
    "main": [
      "css/materialdesignicons.css"
    ]
  }
},

wiredep插件帮助广大参数,常用的严重性有四个:

bowerJson:内定bower.json的始末,注意那些字段不是bower.json文件的地点,那一个参数须求运用require后的结果赋值:require(‘bower.json’)。
directory:钦点期存款放bower安装后的依靠包的路径,平常是bower_components。注意最后插入到HTML中的文件列表的路线是index.html文件相对于本文件夹的相对路径。
使用wiredep也比较不难,直接把它传到到stream中即可,如gulp.src(‘index.html’).pipe(wiredep(options))。

 

gulp-order 对src中的文件遵照内定顺序举行排序

地面整理,留作备份。

  1. set JAVA_HOME=D:\common\jdk1.6.0_10  
  2. set JRE_HOME=D:\common\jdk1.6.0_10\jre  

地点是个例证,你换到温馨的目录即可

 

如图:

威尼斯人线上娱乐 3

红线代表tomcat运转的jdk和jre的目录

 

补充一下,如若您是双击startup.bat,运营tomcat,要想绑定固定jdk,只要在setclasspath.bat文件开端参加地点的语句。


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图