laravel-mix 使用

最新推荐文章于 2024-08-09 07:49:32 发布

liaohui5

最新推荐文章于 2024-08-09 07:49:32 发布

阅读量559

点赞数

本文链接：https://blog.youkuaiyun.com/qq_38358436/article/details/88096874

版权

laravel version: 5.5.*

laravel 自 5.4 以后对前端的支持就非常友好了...怎么说呢?应该算是一个新功能吧..背后还是依赖于webpack

创建一个laravel 项目

composer create-project laravel/laravel=5.5.* --prefer-dist ./learn-mix

我使用的是5.5.* 因为5.5是一个LTS版本

安装mix需要的依赖

npm install

_为什么可以直接使用这个命令呢? 因为创建项目后,你会发现有一个 package.json _

启动 ws

ws: webpack server

npm run dev

npm run watch

两个命令执行任意一个就好

vue + laravel 开发 SPA

将首页路由指向一个视图

Route::any('{path?}', function () {
    return view('index'); // 这个就是首页
});

在 index.blade.php 中引入 app.js 和 app.css

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="{{csrf_token()}}">
    <title>Laravel SPA</title>
    {{-- styles --}}
    <link rel="stylesheet" href="/css/app.css">
</head>
<body>
<div id="app">
    <router-view></router-view>
</div>

{{--javascript--}}
<script src="/js/app.js"></script>
</body>
</html>