javascript - 使用 npm 作为构建工具连接文件

标签 javascript node.js npm concatenation

我最近发现我可以使用 npm 作为任务运行程序而不是 gulp 或 grunt,到目前为止一切都很棒(lint、stylus、jade、uglify、watch .. 等)但是连接部分,我似乎无法实现那。用 gulp 是这样的:

gulp.task('scripts', function() {
  return gulp.src('www/js/**/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('www/dist'))
    .pipe(rename('all.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('www/dist'));
});

有没有办法用 npm 做到这一点?

更清楚地说,我的目标是做这样的事情:

//package.json

{
  "name": "f_todo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "concat": "^1.0.0",
    "rerun-script": "^0.6.0",
    "stylus": "^0.53.0"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "stylus": "stylus ss --compress --out lib/stylesheets",
    "concat": "concat dependency code would be here",
    "dev": "rerun-script"
  },
  "watches": {
    "stylus": "ss/**"
  }
}

最佳答案

试试这个

var concat = require('concat')    
concat(['a.css', 'b.css', 'c.css'], 'all.css')

https://www.npmjs.com/package/concat

别忘了npm install concat

通过命令 使用 concat-glob-cli

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "concat": "concat-glob-cli -f path/to/**/*.js -o bundle.js",
    ...
 },

https://www.npmjs.com/package/concat-glob-cli

关于javascript - 使用 npm 作为构建工具连接文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35052400/

相关文章:

node.js - GZip 分页 JSON 响应

node.js - 更新到 npm 5.4.0 后 npm 损坏

cordova - Ionic cordova 资源 --splash 和 --icon 错误

javascript - HTML Keydown 事件即使在举行时也只发生一次吗?

javascript - 如何创建具有自定义插入符号和文本行为的输入文本字段?

javascript - 在窗口调整大小事件后调用 window.innerHeight 不会给出正确的高度

node.js - webpack 编译出错

javascript - 当ID选择器缓存在jquery中时,ID选择器是否比类选择器快

javascript - 有没有办法找到匹配两个不同填充的文档并在 findOne() 中获取他的文档?

javascript - 创建 AngularJS ACL 的最佳方法是什么?