用 browserify 打包 js 文件答案

【问题标题】：bundling js files with browserify用 browserify 打包 js 文件
【发布时间】：2016-05-06 20:23:26
【问题描述】：

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

现在实际的问题是在没有 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 与所有选项（如忽略和全部）捆绑在一起。在浏览器中。

我不想使用“require()”来包含所有 javascript。只想简单地捆绑我项目中的所有文件并忽略供应商文件。等等。

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

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

如果您需要额外的处理，只需在最后通过适当的命令进行管道传输，然后再写入 bundle.js

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

【讨论】：