Apakah kegunaan campuran dalam laravel

Dalam laravel, "campuran laravel" ialah alat pengurusan automasi tugas bahagian hadapan menyediakan API yang mudah dan lancar yang boleh mentakrifkan tugas kompilasi Webpack untuk aplikasi Laravel yang menyokong banyak prapemproses CSS dan JavaScript. sumber akhir boleh diuruskan melalui panggilan.

Persekitaran pengendalian artikel ini: sistem Windows 10, Laravel versi 6, komputer Dell G3.

Apakah kegunaan campuran dalam laravel

Pasang campuran laravel

Laravel Mix ialah front-end alat pengurusan automasi tugas Model aliran kerja digunakan untuk melaksanakan tugas yang ditentukan mengikut urutan. Mix menyediakan API mudah dan lancar yang membolehkan anda menentukan tugas kompilasi Webpack untuk aplikasi Laravel anda. Mix menyokong banyak prapemproses CSS dan JavaScript biasa, dan anda boleh mengurus sumber bahagian hadapan dengan mudah dengan panggilan mudah.

Menggunakan Mix adalah sangat mudah, pertama, anda perlu menggunakan arahan berikut untuk memasang kebergantungan npm. Kami akan menggunakan Benang untuk memasang dependensi Sebelum itu, atas sebab rangkaian domestik, kami juga perlu mengkonfigurasi pecutan pemasangan untuk Benang:

yarn config set registry https://registry.npm.taobao.org

Gunakan Benang untuk memasang dependensi:

SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn

Tujuan menambah SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass sebelum arahan benang adalah untuk memberitahu benang memuat turun fail binari nod-sass daripada cermin Taobao.

Gunakan campuran laravel

untuk mengubah suai fail webpack.mix.js.

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .version();

Tambah versi() pada penghujung untuk menambah parameter yang serupa dengan nombor versi selepas setiap fail statik yang dijana oleh Mix untuk mengelakkan cache penyemak imbas.

Ubah suai fail resources/sass/app.scss

// Variables
@import 'variables';
// Bootstrap
@import '~bootstrap/scss/bootstrap';
/* universal */
body {
  font-family: Hiragino Sans GB, "Hiragino Sans GB", Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
}
/* Sticky footer styles */
html {
  position: relative;
  min-height: 100%;
}
……

Jalankan npm run watch-poll, dan kemudian fail css dan js akan dijana.

lihat panggilan

<link href="{{ mix(&#39;css/app.css&#39;) }}" rel="stylesheet">

kawalan versi

Mix juga menjana fail public/mix-manifest.json, yang tidak perlu ditambahkan pada repositori In . Tambahkan pada gitignore.

/public/js dan /public/css dijana secara dinamik, jadi ia juga diabaikan.

Ubah suai ** .gitignore ** fail:

/public/mix-manifest.json
/public/js
/public/css

Cadangan berkaitan: Lima tutorial video Laravel terkini

Atas ialah kandungan terperinci Apakah kegunaan campuran dalam laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!