Fahami dengan cepat cara node16 mengkonfigurasi persekitaran sass yang sepadan

Jika versi nod-sass berbeza daripada versi nod tempatan, ralat akan dilaporkan. Jadi bagaimana nod mengkonfigurasi persekitaran sass yang sepadan Artikel ini akan memperkenalkan kepada anda cara untuk mengkonfigurasi persekitaran sass yang sepadan dalam node16.

Seorang rakan sekerja baharu menjalankan projek saya sebelum ini, tetapi ia tidak dapat dijalankan walau apa pun dia terus melaporkan ralat node-sass dan ia mengambil masa yang lama untuk menyelesaikannya.

Saya mendapati bahawa

• versi rakan sekerja saya node berbeza daripada versi node tempatan saya, dia 16 dan saya 14 , itu sangat menyeksakan. Selepas menanyakan data, kami mendapati bahawa nodesetiap versi sepadan dengansass

1. Gunakan nod-sass dengan tepat

node-sass. jadual surat-menyurat

Rujukan (https://www.npmjs.com/package/node-sass)

Postur versi nod 16 yang betul

• package.json

"node-sass": "^6.0.1",
"sass-loader": "^10.0.1",

• vue.configl.jspembolehubah global juga memerlukan untuk diubah suai

loaderOptions: {
  sass: {
    //以下两种都可以
    additionalData: `@import "~@a/scss/entrance.scss";`//sass-laoder 10+版本
    //prependData: `@import "./src/assets/scss/entrance.scss";`// sass-loader 8+版本
  },

Padanan nod-sass dan sass-loader

sass-loader 4.1.1，node-sass 4.3.0
sass-loader 7.0.3，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.7.2
sass-loader 7.3.1，node-sass 4.14.1

Adalah disyorkan untuk menggunakan alat pengurusan nod nvm

• Dengan cara ini kita boleh menukar versi nod bolak-balik secara bebas dan menyesuaikan diri dengan persekitaran projek yang berbeza.

rujukan nvm:

https://blog.csdn.net/weixin_44748205/article/details/115118322

Arah arus perdana pada masa hadapan ialah menggunakan
• dart-sass

1. Nyahpasang

node-sass2.

3 Jika anda menghadapi isu amaran, sila rujuk

"sass": "1.32",
"sass-loader": "^10.0.5",

isu

boleh dicapai Untuk lebih banyak pengetahuan berkaitan nod, sila lawati:

tutorial nodejs

! !

Atas ialah kandungan terperinci Fahami dengan cepat cara node16 mengkonfigurasi persekitaran sass yang sepadan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!