• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ifandelse/gulp-imports: Gulp plugin for importing/including files via simple imp ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

ifandelse/gulp-imports

开源软件地址(OpenSource Url):

https://github.com/ifandelse/gulp-imports

开源编程语言(OpenSource Language):

JavaScript 100.0%

开源软件介绍(OpenSource Introduction):

#Gulp-Imports 0.0.3

A gulp plugin to make file imports/includes easy.

WARNING - this is still alphaware - I still need to add tests and examples for more than just JavaScript & HTML imports.

##The Basic Idea I loved Anvil.js - it's by far the best CoC approach to JavaScript/web asset builds that I've ever seen. I want the same "import" syntax for projects of mine using Gulp, that I had with Anvil.js.

For example, consider the following files:

###file1.js

var file1 = function() {
    console.log("I'm a function from file1.js");
};

//import("subdir1/file2.js");

//import("subdir2/file4.js");

###subdir1/file2.js

var file2 = function() {
    console.log("I'm a function from file2.js");
};

//import("subdir1a/file3.js");

###subdir1/subdir1a/file3.js

var file3 = function() {
    console.log("I'm a function from file3.js");
};

###subdir2/file4.js

var file4 = function() {
   console.log("I'm a function from file4.js");
};

Each of the above files is using an //imports("pathToFile"); approach to include the contents of the imported file inline where the import comment existed. This plugin supports nested import statements, and allows you to reference the files relatively from the file doing the importing.

Running a gulpfile like this:

var gulp = require('gulp');
var gulpImports = require('gulp-imports');

gulp.task('imports', function() {
    gulp.src(['file1.js'])
        .pipe(gulpImports())
        .pipe(gulp.dest('./result'));
});

gulp.task('default', function() {
    gulp.run('imports');
});

would result in the following combined output:

var file1 = function() {
    console.log("I'm a function from file1.js");
};

var file2 = function() {
    console.log("I'm a function from file2.js");
};

var file2a = function() {
    console.log("I'm a function from file2a.js");
};

var file3 = function() {
    console.log("I'm a function from file3.js");
};

var file4 = function() {
   console.log("I'm a function from file4.js");
};

Yay for combining files via includes that don't make your IDE barf.

##Disclaimers I'm sure there's a better way to do this - so if you know of one, tell me, or submit a PR :-)

In the meantime, I'll be trying to think of how to improve this to the point where I can bring myself to encourage others to use it.

##License It's MIT. Have fun.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap