简介
laravel-elixir-browserify-official 是一个npm包，它为Laravel Elixir提供Browserify打包任务。Browserify是一款JavaScript文件打包工具，可以让你使用类似于Node.js的require()函数来引用各种模块。
在Laravel Elixir 5.0之后，Browserify被弃用了，取而代之的是Laravel Mix，Mix是一个复杂的构建工具，但它对于一些简单的项目来说可能有些大材小用。所以，如果你正在使用Laravel Elixir，并且需要使用Browserify打包工具的技术，那么laravel-elixir-browserify-official 就是你的不二选择。
安装
你可以使用npm在你的项目中进行安装：
npm install laravel-elixir-browserify-official --save-dev
安装完成后，你可以打开gulpfile.js，检查laravel-elixir-browserify-official包是否已经被添加到了你的文件中。
如何使用
首先，你需要修改gulpfile.js文件，以便使用Laravel Elixir Browserify任务。
打开你的gulpfile.js并添加以下代码：
var elixir = require('laravel-elixir');
require('laravel-elixir-browserify-official');
elixir(function(mix) {
mix.browserify('your_file.js');
});接下来，只需要运行gulp命令，就可以开始使用Laravel Elixir Browserify任务了。
gulp
示例
下面是一个简单的示例，使用laravel-elixir-browserify-official打包React，让你更好的理解如何使用这个npm包。
1.请确保你已经全局安装了React和Babel：
npm install babel-cli babel-preset-react react react-dom --save-dev
2.创建一个简单的React应用程序，例如app.js，其中包含一个简单的组件：
-- -------------------- ---- -------
--- ----- - -----------------
--- -------- - ---------------------
--- ----------- - -------------------
------- ---------- -
------ ---------- ------------
-
---
---------------------------- --- --------------------------------3.在gulpfile.js中，使用browserify()命令来进行打包：
var elixir = require('laravel-elixir');
require('laravel-elixir-browserify-official');
elixir(function(mix) {
mix.browserify('app.js');
});4.在页面上引用JavaScript文件，并创建一个用于渲染React组件的简单HTML元素：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- ----- -----------
-------
------
---- ---------------
------- --------------------------
-------
-------最后，运行gulp命令，你的React应用程序就可以正常运行了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbc11b5cbfe1ea06119c9