laravel-mix 使用

時間 2019-12-08

標籤 laravel mix 使用简体版

原文原文鏈接

laravel version: 5.5.*javascript

laravel 自 5.4 之後對前端的支持就很是友好了...怎麼說呢?應該算是一個新功能吧..背後仍是依賴於webpackphp

建立一個laravel 項目

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

我使用的是5.5.* 由於5.5是一個LTS版本css

安裝mix須要的依賴

npm install

_爲何能夠直接使用這個命令呢? 由於建立項目後,你會發現有一個 package.json _html

啓動 ws

ws: webpack server前端

npm run dev

npm run watch

兩個命令執行任意一個就好vue

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>

在 resources/assets 就能夠寫咱們的 vue 項目了....

1. laravel5.5+vue+Element-ui+vux環境搭建(webpack+laravelMix)
2. nrm使用webpack使用
3. pycharm中使用jupyter使用
4. 使用github_使用Git
5. 【使用 DOM】使用事件
6. 使用HtmlParser使用心得
7. 使用ContentPresenter，不使用ContentControl
8. Cookie的使用(使用C#)
9. webstorm使用安裝使用
10. arrayList使用與 foreach 使用
更多相關文章...
• TortoiseSVN 使用教程 - SVN 教程
• Docker 容器使用 - Docker教程
• Composer 安裝與使用
• 使用Rxjava計算圓周率

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。