多个html文件被执行gulp-useref无法正常被引用

刚才我在做gulp-usere的任务时,出现了不是所有html文件中的js/css都能正确合并并应用,测试工程很简单,想从把app目录下的html里的css/js合并且压缩到dest目录下,然后出现了下面的结果:

clipboard.png

下面是dest目录下的activity.html和activityList.html(还是和app里面的一致,没有丝毫变化);可以看到activity.html可以正确的被引用,而activityList.html只是被复制了一份过来了,另一个html文件也是如此;

clipboard.png

clipboard.png

出现了只有activity.html文件中的js/css被正常压缩和引用过来了,其他两个文件里的js/css只是被正常压缩合并而没有引用过去;

任务代码如下:

gulp.task('useref',['clean:cssjs','clean:html'],function(){
return gulp.src('app/MoxiWap/*.html')
.pipe($.if('*.js',uglify()))
.pipe($.if('*.css',cssnano()))
.pipe(useref())
.pipe(gulp.dest('dest'));
})

不知道问题出在了哪里?

阅读 4.2k
1 个回答

照着楼主的路径写了一遍- -
首先是在DEV文件夹里的两个HTML 第二个HTML写的注释和楼主的完全一样
图片描述

然而编译(我的任务名是HTML)
gulp任务如下:

gulp.task('html', function() {
    return gulp
        .src('dev/*.html')
        .pipe(useref())
        .pipe(gulpif('*.js', uglify()))
        .pipe(gulpif('*.css', minifyCss()))
        .pipe(gulp.dest('dist'));
});

编译完后生成了新文件夹dist(发布环境)
可以看到里面出现了MoxiWap文件夹及CSS/JS
并且拷贝过来的两个HTML都正确替换了引用
图片描述

按照楼主给的文件测试了- -也没有任何问题,我打包传给你吧

1、如果这个我传给你的文件可以正常运行 就说明你的node_modolue依赖有问题
2、如果这个也不行。。那就是电脑的事了- -
百度网盘:http://pan.baidu.com/s/1eRKtFxC

楼主自己在最外层文件夹删除dest文件夹再运行gulp命令就行了- -

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题