Bagaimana untuk menggunakan lebih sedikit dalam vuejs

Kaedah: 1. Pasang kurang kebergantungan; 2. Ubah suai fail "webpack.config.js" dan konfigurasikan pemuat untuk memuatkan kebergantungan supaya ia menyokong kurang; halaman yang diperlukan" kurang kod" penyataan sudah memadai.

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Konfigurasi Vuejs menggunakan kurang

Langkah pertama: Pasang kurang kebergantungan,

npm install less less-loader --save

Langkah kedua:

Ubah suai fail webpack.config.js, konfigurasikan pemuat untuk memuatkan dependensi, biarkan ia menyokong luaran kurang, tambah

{

  test: /\.less$/,

  loader: "style-loader!css-loader!less-loader",

},

Kini pemasangan pada dasarnya telah selesai

Langkah 3: Gunakan lebih sedikit

Apabila menggunakannya, cuma tambah lang="less" dalam teg gaya Tulis kod untuk kurang

Tambah skop dalam teg gaya untuk sah hanya dalam skop ini

<style lang="less" scoped></style>

或者@import './index.less'; //引入全局less文件

Pengesyoran berkaitan: "

tutorial vue.js"

Atas ialah kandungan terperinci Bagaimana untuk menggunakan lebih sedikit dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!