gulp-useref的作用是什么?

发布于 2022-09-01 22:30:57 字数 521 浏览 10 评论 0

The following example will parse the build blocks in the HTML, replace them and pass those files through. Assets inside the build blocks will be concatenated and passed through in a stream as well.


    var gulp = require('gulp'),
        useref = require('gulp-useref');
    
    gulp.task('default', function () {
        return gulp.src('app/*.html')
            .pipe(useref()) //有没有这句话似乎没什么影响
            .pipe(gulp.dest('dist'));
    });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

黑色毁心梦 2022-09-08 22:30:57

它可以把html里零碎的这些引入合并成一个文件,但是它不负责代码压缩。

var gulp = require('gulp'),
        useref = require('gulp-useref');
    
    gulp.task('default', function () {
        return gulp.src('app/*.html')
            .pipe(useref()) // 建议题主好好熟悉一下gulp,这句话有没有不影响gulp执行,但是如果你要用gulp-useref就肯定没效果了。
            .pipe(gulp.dest('dist'));
    });

An example of this in completed form can be seen below:

<html>
<head>
    <!-- build:css css/combined.css -->
    <link href="css/one.css" rel="stylesheet">
    <link href="css/two.css" rel="stylesheet">
    <!-- endbuild -->
</head>
<body>
    <!-- build:js scripts/combined.js -->
    <script type="text/javascript" src="scripts/one.js"></script> 
    <script type="text/javascript" src="scripts/two.js"></script> 
    <!-- endbuild -->
</body>
</html>

The resulting HTML would be:

<html>
<head>
    <link rel="stylesheet" href="css/combined.css"/>
</head>
<body>
    <script src="scripts/combined.js"></script> 
</body>
</html>
时光匆匆的小流年 2022-09-08 22:30:57

这个插件创建的文档,要注意文档编码格式。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文