很多人可能注意到了，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 增加了对于异常的报警》