html中file不替换,grunt-usermin 为什么替换不了html中的资源引用url?

module.exports = function (grunt) {

'use strict';

grunt.initConfig({

clean: {

src: ['css', 'js']

},

cssmin: {

/*压缩 CSS 文件为 .min.css */

options: {

keepSpecialComments: 0 /* 移除 CSS 文件中的所有注释 */

},

minify: {

expand: true,

cwd: 'css/',

src: ['*.css'],

dest: 'css/',

}

},

uglify: {

options: {

// 此处定义的banner注释将插入到输出文件的顶部

banner: '/*! json 1.0.0 最后修改于: */\n'

},

minjs: { //最小化、混淆所有 js/ 目录下的 JavaScript 文件

files: [{

expand: true,

cwd: 'js/',

src: ['*.js'],

dest: './js/',

//ext: '.min.js'

}]

}

},

filerev: {

options: {

algorithm: 'md5',

length: 8,

process: function(basename, name, extension) {

return basename+'.'+name+'.min.'+extension;

},

},

js: {

src: 'public/js/common/js/*.js',

dest: 'js/'

},

css: {

src: 'public/css/common/css/*.css',

dest: 'css/'

}

},

useminPrepare: {

html: 'application/views/**/*.tpl',

options: {

dest: 'dist'

}

},

usemin: {

html: 'application/views/**/*.tpl',

options: {

assetsDirs: ['css/', 'js/'],

patterns: {

html: [

[

"([^/]+?\.js)",

'Update the HTML to reference our concat/min/revved script files'

],

[

"([^/]+?\.css)",

'Update the HTML with the new css filenames'

]

]

}

}

}

});

grunt.loadNpmTasks('grunt-contrib-clean');

grunt.loadNpmTasks('grunt-filerev');

grunt.loadNpmTasks('grunt-contrib-cssmin');

grunt.loadNpmTasks('grunt-contrib-uglify');

grunt.loadNpmTasks('grunt-usemin');

require('time-grunt')(grunt);

// 定义默认任务

grunt.registerTask('default', ['clean', 'filerev', 'useminPrepare', 'cssmin:minify', 'uglify:minjs', 'usemin']);

};

这是我的Gruntfile.js

我的html目录在: 开发根目录/application/views/*/.tpl。

js和css都能成功发布在开发根目录的 js和css目录下.

如图:

bVWsCI?w=1316&h=1710

但是不知道为什么 html中的资源url不能被正确的替换,还请有经验的同学指导一下.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值