browserify「browserify转化的文件找不到函数」
前端工程师都有用哪些比较靠谱的小工具
作为曾经的web前端工程师，来答一发。
jsonView Chrome插件
这是一个Chrome浏览器的json视图的插件。这个插件非常强大的，不仅可以把你在浏览器输出的json数据格式化，也可以将浏览器的xml格式的文件格式化，非常非常的方便，尤其是前端同学在查看api数据的时候，无需再去各种json格式化网站逐个匹配了~~~~强烈推荐！！
WebStorm IDE开发工具
这是款前端开发的ide。基本上前端开发中你能想到的，他都可以帮你实现了，语法高亮，代码补全提示，terminal终端连接，mysql操作功能，集成一体，甚至php都可以写，异常的强大，非常重的一个前端开发工具，推荐。
Hbuilder 一个可以云打包html5app的开发工具
Hbuilder是一个国内互联网公司DClound开发的ide，这款ide非常的强大，专门为了Html5所打造的一款ide，如果你不想做原声的Android和iOS APP，那么你可以通过在Hbuilder上开发webapp，之后通过Hbuilder的云打包打包成自己的apk或者.ipa的文件，一秒钟可以打包你的安卓或者iOS APP。如果你不想云打包的话，你可以本地打包，可以下各种插件，是一款非常强大的免费前端H5的ide，强烈推荐！
SessionBox 可以随意切换你的Session的Chrome插件
sessionBox是一块可以让你随意切换你的session的Chrome插件~ 用户还可以给不同的session设置各种颜色，方便地标识session；SessionBox只对那些把网页的状态保存到session中的才有效果。顺便提供一下SessionBox的官网： ；对于起那段同学来说，切换Sesssion几乎成了必不可少的一项工作，如果你使用了sessionbox，将会大大的减轻你的工作量，同时这个插件对于后端开发的RD同学也将是大大的帮助。
目前介绍了以上四款工具，建议题主可以尝试一下，都是非常不错的工具，虽然我现在不在是前端，但是对于除了webstorm之外的三款工具我都是经常会使用的；至于我为什么不使用webstorm是有原因的，因为我现在已经是作为一枚后端RD的存在，目前在公司开发机上只能用vim开发~~
webpack 跟 browserify 比到底有什么好
Webpack 的一个最好的优点就是全包了，是一站式的、苹果式的、“omakase”式的，最多只要分享一个配置文件就可以。但是 browserify 是需要你自己去配置的。
现在比较好用的前端开发工具有哪些啊？
作为一个前端开发工程师，使用一款自己上手且功能强大的开发工具是非常重要的，但是面对这么多开发工具，到底哪个比较好呢？下面我个人推荐几款自己感觉还不错的前端开发工具，希望作为大家的参考。
1、hbuilder
作为一个编程的菜鸟，对于英语真的是有心无力，尤其是一些国外的开发工具都是英文界面，我就非常的不喜欢。hbuilder是国产的一款前端开发工具而且是免费的，对于英语不好的前端工程师是一个不错的消息。hbuilder的官方大致是这么解释为什么要开发hbuilder的：HTML最开始其实不是一个编程语言，确实用不着什么ide。但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前的文本编辑器能搞定的。
目前竟然没有一个开发工具能把7w多HTML5语法提示齐全，这不科学，在原生开发里这是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在语法提示、转到定义、重构、调试等方面都非常高效。作为同时熟悉原生和HTML5开发的我们，我们在开发HTML5时明显感受到效率低下。于是有了hubuilder。确实是hubuilder支持左右的前端语法代码提示，这个是我最喜欢的它的一个原因，而且还有强大的其他语言支持和开发webapp等功能，强大到没朋友。缺点也是有一些的，就是其有些稳定，有时可能会有些卡顿的现象，希望官方修复。
2、sublime text
sublime text是一个轻量级的编辑器，也是支持各种编程语言，sublime text所有的强大功能都是支持插件的，而且快捷键十分的好用，可以极大的减少开发的劳动程度，使用sublime就是要使用其快捷键和插件。该软件的优点的轻量级但是功能强大，缺点是对于项目的管理等不是很方便，代码提示不如hubuilder强大。
3、dreamwave
这是一款很经典的前端开发工具了，以前人们使用的是它的可视化开发工具，但是现在它只能是作为一个代码编辑器来使用的，当然一些可视化的功能现在也是用的上，如要插入Flash视频等还是使用可视化简单一些，毕竟不是所有人都能纯手写哪些意义不大的代码，优点是人们熟悉稳定，支持一些可视化的插入操作，缺点是代码提示不好，不能进行快速的开发只能是作为学习使用。
总结：以上只是前端开发工具中个人比较熟悉的，除此之外还有很多优秀的前端开发工具如webstorm等，大家可根据自己的喜好选择自己习惯的工具进行开发。
如何在 Laravel 5.1 中使用 Laravel Elixir 集成安装 Bootstrap
1、安装NPM依赖
Bootstrap和Elixir都是可以通过NPM（node包管理器）安装的node包，如果你打开默认的package.json，可以看到起内容如下：
{
"private": true,
"devDependencies": {
"gulp": "^3.8.8"
},
"dependencies": {
"laravel-elixir": "^3.0.0",
"bootstrap-sass": "^3.0.0"
}
}
在命令行中，运行npm install，这样这两个包及其依赖都会被安装。其实该过程就类似使用Composer安装PHP依赖，原理是一样的。
npm install执行完成后，你会发现项目根目录下新增了一个node_modules文件夹，在该文件夹下包含了刚刚安装的两个包。
2、Bootstrap Sass
现在在Laravel项目集成Bootstrap非常简单。打开resources/assets/sass/app.scss，取消下面这行前面的注释：
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
保存修改并运行gulp，然后就会生成所有你需要的Bootstrap样式文件。
3、自定义Bootstrap样式
如果你不喜欢Bootstrap默认的样式，还可以通过重写相应变量实现自定义。作为示例，这里我们简单将默认Bootstrap默认字体由Google Fonts改成 Lato。
再次打开resources/assets/sass/app.scss，导入字体并修改字体：
@import url();
$font-family-sans-serif: 'Lato', sans-serif;
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
其工作原理就是首先我们从Google导入Lato字体，接下来我们重写Bootstrap中已存在的字体变量font-family。这样之所以起作用是因为Bootstrap使用Sass的!default，下面是解释说明：
如果某个变量未被赋值，你可以通过添加!default标识到变量值的最后为该变量赋值。当然如果该变量已经被赋值，就不能再次赋值了。
如果你想查看所有的变量列表，可以打开这个文件：
node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss
4、使用Browserify引入Bootstrap JavaScript
要引入Bootstrap JavaScript我们有多个选择：使用它们的CDN、手动下载、或者使用Browserify。
Browserify允许你通过require('modules')在browser中打包所有依赖。
我们已经通过NPM安装了Bootstrap，接下来我们可以使用browserify将其导入app.js。首先，我们需要使用NPM安装jQuery：
npm install jquery --save
现在，创建这个文件：resources/assets/js/app.js并添加如下代码到其中：
window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');
$( document ).ready(function() {
console.log($.fn.tooltip.Constructor.VERSION);
});
Bootstrap希望jQuery是全局的并且在所有js之前引入jQuery，然后紧随其后引入Bootstrap JavaScript。
现在我们编辑项目根目录下的gulpfile.js：
elixir(function(mix) {
mix.sass('app.scss')
.browserify('app.js');
});
就是这么简单，不过正因如此才显出Elixir的牛逼。只是添加一段.browserify('app.js')，所有东西都被自动处理。在再次运行完gulp之后Bootstrap JavaScript相关文件被编译到 public/js/app.js。
最后将相应的Bootstrap样式文件和JavaScript文件引入布局文件，在浏览器的console中就可以看到3.3.5。
