Question

我第一次使用gulp cdnify。我从一个简单的例子开始。我的HTML包含：

    <script src="js/jquery-2.1.3.min.js"></script>
</body>
</html>

我的gulpfile包含以下内容：

var cdnizer = require("gulp-cdnizer");
gulp.src("index.html")
        .pipe(cdnizer([
            {
                file: 'js/jquery-2.1.3.min.js',
                cdn: 'google:jquery@2.1.3'
            }
        ]))
        .pipe(gulp.dest(bases.dist));
});

生成的dist文件中的html如下所示：

        <script src="js/jquery-2.1.3.min.js"></script>
</body>
</html>
js"></script><script>if(!(window.jQuery)) cdnizerLoad("js/jquery-2.1.3.min.js");</script>
</body>
</html>

我搞砸了什么？

Answer 1

这是因为你已将该功能放入任务中。

这样可行。

var gulp = require('gulp');
var cdnizer = require("gulp-cdnizer");
gulp.task('default', function(){
    gulp.src("index.html")
       .pipe(cdnizer([
           {
               file: 'js/jquery-2.1.3.min.js',
               cdn: 'google:jquery@2.1.3'
            }
        ]))
        .pipe(gulp.dest(bases.dist));
});

然后，您只需在终端中gulp运行此操作即可。它将运行默认任务。

Gulp CDNify基本示例

1 个答案: