很多人可能注意到了,Laravel 5.4 中在 resources/assets/js/components
目录下自带了一个 Example.vue
文件。并且,Laravel Mix 默认支持编译单文件 Vue 组件。这给了开发者为他们的应用创建现代化 JavaScript 组件的一种快速、方便的起点。
在 Laravel 5.5 中,这个脚手架还是存在的,但是我们还可以通过 php artisan preset
命令引入一些新的前端脚手架。
React
如果你喜欢用 React,那么你也会喜欢 Laravel 5.5。你只需要运行 php artisan preset react
命令就可以把 Vue 脚手架替换为 React 脚手架。默认的 Mix 配置、组件、以及其他相关的文件都会自动更新。
现在,Example.vue
文件将被替换为 Example.js
React 组件:
import React, { Component } from 'react'; import ReactDOM from 'react-dom'; export default class Example extends Component { render() { return ( <div className="container"> <div className="row"> <div className="col-md-8 col-md-offset-2"> <div className="panel panel-default"> <div className="panel-heading">Example Component</div> <div className="panel-body"> I'm an example component! </div> </div> </div> </div> </div> ); } } if (document.getElementById('example')) { ReactDOM.render(<Example />, document.getElementById('example')); }
Bootstrap
有些用户可能不想使用任何 JavaScript 脚手架,但又不想失去基本的 Bootstrap 脚手架,如果你也是这么想的,你可以使用 php artisan preset bootstrap
命令来移除 Vue 脚手架:
移除所有脚手架
有些用户可能想移除所有的前端脚手架,php artisan preset none
命令将帮你移除所有前端脚手架:
via: medium.com
该篇属于专题:《Laravel 5.5 资讯》
- 下一篇: 《Laravel 5.5 增加了对于异常的报警》