Laravel Bundler现代前端构建工具

更清爽的构建流程、更现代的默认配置,Laravel Bundler算是把 Laravel 的前端打包体验拉了个档次。它不是啥庞然大物,安装简单,用起来也顺手,适合不想折腾太多 Webpack 配置的你。

用惯了 laravel-mix 的朋友要注意点:Bundler 和 Mix 不兼容,上来就得先把 Mix 卸了,不然会冲突。一条 yarn add --dev laravel-bundlernpm install --dev laravel-bundler 就能装好。

Bundler 的默认设置比较贴合现代开发需求,比如开箱就能用 ES 模块、自动支持 Vue、支持 SCSS 啥的。比如你在 resources/js/app.js 里这么写:

import 'vue';
import { BootstrapVue } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstrap.css';

是不是挺直观的?import进来就完事,风格清爽。你要是写 SPA 项目或者用 Vue 比较多,这玩意儿真的省心

要注意哦,Bundler 不像 Mix 那样到处帮你封装,虽然简洁,但也意味着你得对打包逻辑有点概念。如果你之前靠 Mix 托管一切,那一开始用 Bundler 有点懵,不过一旦适应了,是真的爽。

如果你想看一些相关实战文章,像Laravel 与 Vue 本地化这篇就还蛮实用,另外像Implementing Laravel这类干货也可以搭配参考下。

,如果你最近在整合前端构建工具,不妨试试 Laravel Bundler。如果你愿意动点手、舍弃 Mix 那套老路子,它真的能帮你轻装上阵。

zip 文件大小:115.1KB