标签:UI ack div 引入 require fonts bsp 技术 fun
1、安装gulp
npm install gulp --save-dev npm install gulp-rev-append --save-dev
安装完成之后查看package.json文件,如下:
2、编写gulpFile.js文件
1 var gulp = require(‘gulp‘); // 引入文件 2 var rev = require(‘gulp-rev-append‘); // 引入文件
1 gulp.task(‘testJs‘, function () { 2 gulp.src([‘js/**/*‘]) 3 .pipe(gulp.dest(‘dist/js‘)); 4 });
3、运行js脚本
gulp testJS
在Html文件里的使用
<link rel="stylesheet" href="css/style.css?rev=@@hash">
在运行脚本之后,在dist文件夹中找到相应的html文件,会发现已有版本号
同时在操作过程中发现对字体文件另有处理方式
1)安装node-font-awesome
npm i node-font-awesome
2)引入文件
var fontAwesome = require(‘node-font-awesome‘);
3)gulpFile.js
1 gulp.task(‘fonts‘, function () { 2 gulp.src(fontAwesome.fonts) 3 .pipe(gulp.dest(‘dist/js/vendor/font-awesome/fonts‘)); 4 });
标签:UI ack div 引入 require fonts bsp 技术 fun
原文地址:https://www.cnblogs.com/Vibge/p/9188267.html