使用browserify

Question

我正在使用Angularjs作为我的前端。我使用grunt作为构建工具，但现在我想切换到npm作为我的构建工具，如下面的链接。

npm script as build tool

现在实际问题是在没有Grunt的情况下捆绑JS

在Grunt中，我们可以使用很容易配置的连接任务。提到下面  js: ["src/*.js", "src/**/*.js", "!src/apiG/*.js", "!src/apiG/**/*.js"]，

现在根据我的有限知识 Browserify 可以用来捆绑我所有的本地javascript。（如果有人可以建议我任何其他包用于捆绑我的javascript文件..欢迎!!）

使用browserify我已经在我的package.json中尝试了以下但是它没有工作

 "build:bundle": "browserify "src/*.js", "src/**/*.js", "!src/apiG/*.js", "!src/apiG/**/*.js" -o ./dist/js/bundle.js",

任何人都可以建议我如何将嵌套的javascript与所有选项（如ignore和all）捆绑在一起。在browserfy中。

我想要使用＆＃34; require（）＆＃34;包括所有的JavaScript。只想简单捆绑项目中的所有文件并忽略供应商文件。等。

如果有人可以建议缩小。 :)（我在这里期待太多了，我知道:)）

先谢谢。

Answer 1

使用 bash 查找所有文件，修剪不需要的文件并连接内容：

find src -type f -name \*.js | egrep -v 'src/apiG/' | xargs cat >dist/js/bundle.js

如果您需要额外的处理，只需在写入 bundle.js 之前通过适当的命令将其通过管道传输到 bundle.js

find src -type f -name \*.js | egrep -v 'src/apiG/' | xargs cat | minify_command >dist/js/bundle.js