首页 » Web技术 » Laravel » 正文

Laravel 5.5 新增 React、Bootstrap 等前端脚手架

很多人可能注意到了,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 资讯

发表评论