为什么需要browserify`path`定义?

时间:2017-01-23 02:53:08

标签: javascript angularjs node.js gulp browserify

链接https://github.com/jhades/angularjs-gulp-example/blob/master/gulpfile.js使用browserify build-js进行gulp paths任务定义。我不理解它的必要性......不能仅仅将条目指定为entries: './js/**/*.js',,这会导致它也搜索所有子目录......而不是明确指定paths: ['./js/controllers', './js/services', './js/directives'],哪些是同一父项的所有子目录?

任何提示都表示赞赏。

2 个答案:

答案 0 :(得分:2)

作者正在使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select id="catty" class="form-control" value="Select"> <option hidden >Select Catergory</option> <option>Dairy</option> <option>Frozen Foods</option> <option>Fruits</option> <option>Vegetables</option> </select> <div class="form-group"> <input type="text" class="form-control" id="product-info" placeholder="Item Name"> </div> <button type="button" id="btn1" class="btn btn-primary">Add Item</button> </form> </div> <div class="panel-group col-xs-12"> <div class="category"> <div class="my-panel parent"> <p class="description" id="dairy">Dairy</p> <a href="#" class="add-item"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </a> </div> <ol class="dairy-product"></ol> </div> <div class="category"> <div class="my-panel parent"> <p class="description" id="fruits">Fruits</p> <a href="#" class="add-item"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </a> </div> <ol class="fruit-product"></ol> </div>配置启用非亲属paths调用,例如these

require

Browserify模拟Node的模块解析机制(解释为here),当Node解析非亲属require('todoCtrl'); require('todoStorage'); require('todoFocus'); require('todoEscape'); require('footer'); 时,它会查找requirenode_modules选项为Browserify提供了一个路径列表,这些路径不在paths中,在尝试解析非亲属时应检查(检查node_modules之前)<{ {1}}来电。

如果您对自己项目中模块的所有node_modules调用都使用相对路径(例如require),则不需要require配置选项。

答案 1 :(得分:0)

嗯,一个简单的答案似乎是require("glob")无法被browserify识别!您必须paths才能这样做......但是使用<page> <title>Chapter 1</title> <content>Welcome to Chapter 1</content> <author>John Smith</author> </page> <page> <title>Chapter 2</title> <content>Welcome to Chapter 2</content> <author>John Doe</author> </page> 来指定额外的文件夹可能更简单。