Vue 引入.scss文件


引入方法一:

npm install sass-loader -D

npm install node-sass -D

引入方法二: 

npm install sass-loader node-sass webpack --save-dev

npm install style-loader css-loader --save-dev

 

 

使用方式

  //引入

  @import "../assets/style/mixin.scss"; 

  //內部添加

  <style lang="scss" scoped>

    //必須要加上“<style lang="scss" scoped>,否則引入失敗(提示保存)

    .demo {

      background: #fafafa;

    }

  </style>

 

如果報錯 【scss(node:10316) UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_AR】

把package.json里面node-sass和sass-loader版本改成:"node-sass": "^4.11.1","sass-loader": "^7.3.0"就可以了

刪掉node_modules文件夾,重新執行在cdn里面輸入【npm install】回車


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM