Webpack & Laravel Elixir Laravel Elixir 6.0 和 Laravel 5.3 一起发布，新版本将捆绑支持 Webpack 和 Rollup JavaScript 模块。 默认情况下，Laravel 5.3 的 gulpfile.js 文件现在已经使用 Webpack 来编译 JavaScript： elixir(mix => { mix.sass('app ECMAScript 2015，模块管理， 最小化以及合并原生 JavaScript 文件。 使用模块编写 ES2015 的时候，可以选择 Webpack 或 Rollup ，如果你对这些工具很陌生，别担心， Elixir 会为你处理所有背后的复杂逻辑。默认情况下，Laravel 的 gulpfile 使用 webpack 来编译 JavaScript，当然，你也可以选择使用自己喜欢的模块管理器。 Webpack 的更多功能，可以利用应用根目录下的 webpack.config.js 文件，Elixir 将会读取该文件并将其中的配置用于构建过程。 Rollup 和 Webpack 相似，Rollup 是为 ES2015 准备的下一代模块管理器，该方法接收一个相对 于 resources/assets/js 目录的文件数组，然后在 public/js 目录下生成单个文件： elixir(function(mix) {

public/.htaccess 文件支持隐藏 URL 中的 index.php，如过你的 Laravel 应用使用 Apache 作为服务器，需要先确保 Apache 启 用了 mod_rewrite 模块以支持 .htaccess 解析。 如果 Laravel 自带的 .htaccess 文件不起作用，试试将其中内容做如下替换： Options +FollowSymLinks RewriteEngine 应用，同样，你可以按照应 用的需要增删 package.json 中的扩展包。 扩展包安装好之后，可以使用 npm run dev 命令来编译前端资源，Webpack 是为现代 JavaScript 应用提供的模块捆绑器，当你执行 npm run dev 命令的时候，Webpack 将会执行 webpack.mix.js 中的指令： npm run dev 默认情况下，Laravel 自带的 webpack 文件，例如编译 ECMAScript 2015，模块捆绑，最小化以及合并原生 JavaScript 文件。更妙的是，这 些都是无缝集成的，不需要额外的自定义配置： mix.js('resources/assets/js/app.js', 'public/js'); 通过这一行代码，你可以使用如下功能：  ES2015 语法  模块  编译 .vue 文件  最小化生产环境

作为服务器， 本文档由学院君提供 学院君致力于提供优质 Laravel 中文学习资源：https://xueyuanjun.com 35 需要先确保 Apache 启用了 mod_rewrite 模块以支 持 .htaccess 解析。 如果 Laravel 自带的 .htaccess 文件不起作用，试试将其中内容做 如下替换： Options +FollowSymLinks -Indexes 应用，同样，你可以按照应用的需要增 删 package.json 中的扩展包。 扩展包安装好之后，可以使用 npm run dev 命令来编译前端资源， Webpack 是为现代 JavaScript 应用提供的模块捆绑器，当你执 行 npm run dev 命令的时候，Webpack 将会执行 webpack.mix.js 中的指令： npm run dev 默认情况下，Laravel 自带的 webpack JavaScript 文件，例如编译 ECMAScript 2015，模块捆绑，最小化以及合并原生 JavaScript 文 件。更妙的是，这些都是无缝集成的，不需要额外的自定义配置： mix.js('resources/js/app.js', 'public/js'); 通过这一行代码，你可以使用如下功能：  ES2015 语法  模块  编译 .vue 文件  最小化生产环境 提取

public/.htaccess 文件支持 URL 中隐藏 index.php，如过你的 Laravel 应用 使用 Apache 作为服务器，需要先确保 Apache 启用了 mod_rewrite 模块以支持.htaccess 解析。 如果 Laravel 自带的.htaccess 文件不起作用，试试将其中内容做如下替换： Options +FollowSymLinks RewriteEngine coffee(['app.coffee', 'controllers.coffee']); }); 5.2 Browserify Elixir 还提供了 browserify 方法，从而让你可以在浏览器中引入模块并使用 EcmaScript 6。 该任务假定你的脚本都存放在 resources/assets/js 而且将结果文件存放到 public/js/bundle.js： elixir(function(mix)

coffee(['app.coffee', 'controllers.coffee']); }); 5.2 Browserify Elixir 还提供了 browserify 方法，从而让你可以在浏览器中引入模块并使用 EcmaScript 6。 该任务假定你的脚本都存放在 resources/assets/js 而且将结果文件存放 到 public/js/bundle.js： elixir(function(mix)