>本教程演示瞭如何利用簡(jiǎn)化的Webpack API包裝器Laravel Mix在Laravel框架之外的項(xiàng)目中進(jìn)行資產(chǎn)彙編。 這種方法通過(guò)消除了對(duì)廣泛的WebPack配置的需求，可以顯著加速項(xiàng)目設(shè)置。
鍵優(yōu)點(diǎn)：
-
簡(jiǎn)化的資產(chǎn)彙編：
laravel Mix簡(jiǎn)化了WebPack的複雜性，使資產(chǎn)處理（JavaScript，CSS等）變得容易得多。 > - 快速項(xiàng)目設(shè)置：花費(fèi)更少的時(shí)間來(lái)配置構(gòu)建工具，而更多的時(shí)間構(gòu)建應(yīng)用程序。
> 不需要 - webpack配置：
文件的需求。 > webpack.config.js
- > node.js和npm：
- >運(yùn)行l(wèi)aravel混合物必不可少的。用>和。
node -v驗(yàn)證安裝npm -vphp和Composer（可選）： - > 安裝和設(shè)置：
項(xiàng)目初始化：
- 創(chuàng)建一個(gè)新的項(xiàng)目目錄。
-
>安裝依賴項(xiàng)：
使用npm安裝laravel混合， （用於跨平臺(tái)環(huán)境變量）和 - >（用於SASS彙編）：
>
：cross-env>node-sasscreatenpm install laravel-mix cross-env node-sass --save-dev
在您的項(xiàng)目的根目錄中，創(chuàng)建 >以下： - >
：webpack.mix.jswebpack.mix.jsupdateconst mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css');>將以下腳本添加到您的 >文件： -
指定的創(chuàng)建package.json創(chuàng)建資產(chǎn)文件：package.json按照"scripts": { "dev": "cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "hot": "cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "production": "cross-env NODE_ENV=production webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },和 文件。 添加一些示例內(nèi)容（例如， - 中的CSS樣式）。
>
>目錄中。resources/js/app.jsresources/sass/app.scss>運(yùn)行Laravel Mix：執(zhí)行 webpack.mix.js來(lái)編譯您的資產(chǎn)。 輸出將在app.scss>和 >
-
>熱重新加載和緩存破壞（可選）：
npm run devpublic/js用於增強(qiáng)開發(fā)工作流程，啟用熱加載和緩存破壞：public/css
：在您的項(xiàng)目root中創(chuàng)建一個(gè)文件：
npm install laravel-mix cross-env node-sass --save-dev
update composer.json："files": ["mix.php"] "autoload" composer.json的部分。 運(yùn)行composer dump-autoload。
修改webpack.mix.js：>添加.version()和.browserSync()webpack.mix.js混合鏈：
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
npm run hot運(yùn)行：
生產(chǎn)構(gòu)建：
npm run production用於部署，使用
結(jié)論：
>文件中。 node_modules>
以上是如何在非拉維爾項(xiàng)目中使用Laravel Mix的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
我如何了解最新的PHP開發(fā)和最佳實(shí)踐？
Jun 23, 2025 am 12:56 AM
TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource
什麼是PHP，為什麼它用於Web開發(fā)？
Jun 23, 2025 am 12:55 AM
PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti
如何設(shè)置PHP時(shí)區(qū)？
Jun 25, 2025 am 01:00 AM
tosetTherightTimeZoneInphp，restate_default_timezone_set（）functionAtthestArtofyourscriptWithavalIdidentIdentifiersuchas'america/new_york'.1.usedate_default_default_timezone_set_set（）
編寫清潔和可維護(hù)的PHP代碼的最佳實(shí)踐是什麼？
Jun 24, 2025 am 12:53 AM
寫乾淨(jìng)、易維護(hù)的PHP代碼關(guān)鍵在於清晰命名、遵循標(biāo)準(zhǔn)、合理結(jié)構(gòu)、善用註釋和可測(cè)試性。 1.使用明確的變量、函數(shù)和類名，如$userData和calculateTotalPrice()；2.遵循PSR-12標(biāo)準(zhǔn)統(tǒng)一代碼風(fēng)格；3.按職責(zé)拆分代碼結(jié)構(gòu)，使用MVC或Laravel式目錄組織；4.避免麵條式代碼，將邏輯拆分為單一職責(zé)的小函數(shù)；5.在關(guān)鍵處添加註釋並撰寫接口文檔，明確參數(shù)、返回值和異常；6.提高可測(cè)試性，採(cǎi)用依賴注入、減少全局狀態(tài)和靜態(tài)方法。這些做法提升代碼質(zhì)量、協(xié)作效率和後期維護(hù)便利性。
如何使用PHP執(zhí)行SQL查詢？
Jun 24, 2025 am 12:54 AM
Yes,youcanrunSQLqueriesusingPHP,andtheprocessinvolveschoosingadatabaseextension,connectingtothedatabase,executingqueriessafely,andclosingconnectionswhendone.Todothis,firstchoosebetweenMySQLiorPDO,withPDObeingmoreflexibleduetosupportingmultipledatabas
如何快速測(cè)試PHP代碼片段？
Jun 25, 2025 am 12:58 AM
toquicklytestaphpcodesnippet，useanonlinephpsandboxlike3v4l.orgorphpize.onlineforinstantantantExecutionWithOutSetup; runco????delocalocallocallocallocallocallocallywithpplibycreatinga.phpfileandexecutingitviateringitviatheterminal；
如何在PHP中使用頁(yè)面緩存？
Jun 24, 2025 am 12:50 AM
PHP頁(yè)面緩存可通過(guò)減少服務(wù)器負(fù)載和加快頁(yè)面加載速度提升網(wǎng)站性能。 1.基本文件緩存通過(guò)生成靜態(tài)HTML文件並在有效期內(nèi)提供服務(wù)，避免重複生成動(dòng)態(tài)內(nèi)容；2.啟用OPcache可將PHP腳本編譯為字節(jié)碼存儲(chǔ)在內(nèi)存中，提升執(zhí)行效率；3.對(duì)帶參數(shù)的動(dòng)態(tài)頁(yè)面，應(yīng)根據(jù)URL參數(shù)分別緩存，並避免緩存用戶特定內(nèi)容；4.可使用輕量級(jí)緩存庫(kù)如PHPFastCache簡(jiǎn)化開發(fā)並支持多種存儲(chǔ)驅(qū)動(dòng)。結(jié)合這些方法能有效優(yōu)化PHP項(xiàng)目的緩存策略。
如何升級(jí)PHP版本？
Jun 27, 2025 am 02:14 AM
升級(jí)PHP版本其實(shí)不難，但關(guān)鍵在於操作步驟和注意事項(xiàng)。以下是具體方法：1.確認(rèn)當(dāng)前PHP版本及運(yùn)行環(huán)境，使用命令行或phpinfo.php文件查看；2.選擇適合的新版本並安裝，推薦8.2或8.1，Linux用戶用包管理器安裝，macOS用戶用Homebrew；3.遷移配置文件和擴(kuò)展，更新php.ini並安裝必要擴(kuò)展；4.測(cè)試網(wǎng)站是否正常運(yùn)行，檢查錯(cuò)誤日誌確保無(wú)兼容性問(wèn)題。按照這些步驟操作，大多數(shù)情況都能順利完成升級(jí)。
