PJ Blog 升級到 Laravel 5.4

microelec 發(fā)布于2019-07-01 12:21 / 3211人閱讀

摘要：關(guān)注了也有一小段時間，終于在今天凌晨的時候發(fā)布了。當(dāng)然我也將我的開源博客第一時間升級到，并發(fā)布版本。此項目由升級到也是非常的簡單，前端編譯也用全新的來替代了。升級升級到官方文檔已經(jīng)寫得很全面。

關(guān)注了 5.4 也有一小段時間，終于在今天凌晨的時候發(fā)布了。當(dāng)然我也將我的開源博客( PJ Blog )第一時間升級到 Laravel 5.4 ，并發(fā)布 jcc/blog 1.1 版本。

Laravel 5.4 也加入了很多的新特性，更多請看：https://laravel-china.org/topics/3713。

此項目由 Laravel 5.3 升級到 Laravel 5.4 也是非常的簡單，前端編譯也用全新的 laravel-mix 來替代了 gulp 。

升級 Laravel

Laravel 5.3 升級到 Laravel 5.4 官方文檔已經(jīng)寫得很全面。

第一步：更新框架版本

在 ?composer.json? 文件，更新你的?laravel/framework?依賴的版本號到?5.4.*?。

第二步：加入 Laravel Tinker

為了繼續(xù)去使用 thinker 的 artisan 命令行，你需要安裝 laravel/tinker 包：

composer require laravel/tinker

當(dāng)包安裝后，你應(yīng)該在?config/app.php 配置文件中添加 LaravelTinkerTinkerServiceProvider::class 到 providers 數(shù)組中。

第三步：添加新的全局中間件

Laravel 5.4 新增了三個中間件，可看看此文章新增 3 個全局中間件

中間件	功能
ValidatePostSize	驗(yàn)證 post 數(shù)據(jù)大小
TrimStrings	去除首尾空白字符
ConvertEmptyStringsToNull	轉(zhuǎn)換空字符串為?null

在 AppHttpMiddleware 下創(chuàng)建 TrimStrings 中間件：


更新 AppHttpKernel.php 文件：
protected $middleware = [
      ...
  
    IlluminateFoundationHttpMiddlewareValidatePostSize::class,
    AppHttpMiddlewareTrimStrings::class,
    IlluminateFoundationHttpMiddlewareConvertEmptyStringsToNull::class,
];

Laravel Mix 替代 Laravel Elixir

Laravel 5.3 的 package.json 文件 :
{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "bootstrap-sass": "^3.3.7",
    "gulp": "^3.9.1",
    "jquery": "^3.1.0",
    "laravel-elixir": "^6.0.0-9",
    "laravel-elixir-vue-2": "^0.2.0",
    "laravel-elixir-webpack-official": "^1.0.2",
    "lodash": "^4.16.2",
    "vue": "^2.0.1",
    "vue-resource": "^1.0.3"
  }
}
更新到 Laravel 5.4 的 package.json 文件：
{
  "private": true,
  "scripts": {
    "dev": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node_modules/cross-env/bin/cross-env.js NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.2",
    "bootstrap-sass": "^3.3.7",
    "jquery": "^3.1.0",
    "laravel-mix": "^0.5.0",
    "lodash": "^4.16.2",
    "vue": "^2.0.1"
  }
}
官方默認(rèn)使用了 axios 替換了 vue-resource(Vue 官方已不在維護(hù))，使用也是很簡單的。
在根目錄下創(chuàng)建 webpack.mix.js 文件，并加入：
const { mix } = require("laravel-mix");

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js("resources/assets/js/app.js", "public/js")
   .sass("resources/assets/sass/app.scss", "public/css")
Laravel Mix 的用法可在 官網(wǎng)文檔 看到，用法跟 Laravel Elixir 有所不一樣。
最后，將 gulpfile.js 刪除，重新安裝編譯即可。
最后的最后，我發(fā)現(xiàn)使用 PJ Blog 的人很多都出現(xiàn)部署等問題，其實(shí)這些問題解決也是非常簡單的，但由于我沒有足夠的時間去逐一回答，所以我創(chuàng)建了一個 Q 群：272734386 方便各使用者互相討論，學(xué)習(xí)。

云服務(wù)器 GPU云服務(wù)器升級到升級到企業(yè)版升級到VS2013 python升級到3

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/30538.html

發(fā)表評論

登陸后可評論

0條評論

microelec

男|高級講師

我要關(guān)注我要私信

TA的文章

健身減肥運(yùn)動app系統(tǒng)(前臺h5+后臺+mysql)

閱讀 1185·2021-09-27 13:34
HostingInside：臺灣大帶寬服務(wù)器，1Gbps端口，雙E5-2680v4/64GB內(nèi)存/4

閱讀 995·2021-09-13 10:25
CSS3 新增選擇器概覽

閱讀 521·2019-08-30 15:52
Functional CSS: 從試著改進(jìn)可重用CSS做起

閱讀 3460·2019-08-30 13:48
【demo】奶茶小程序源碼小福利

閱讀 660·2019-08-30 11:07
css-3d動畫特效

閱讀 2181·2019-08-29 16:23
圣杯布局 vs 雙飛翼布局

閱讀 2007·2019-08-29 13:51
vue入門筆記體系（一）vue實(shí)例

閱讀 2340·2019-08-26 17:42

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

PJ Blog 升級到 Laravel 5.4

相關(guān)文章