vue中使用stylus


1.創建完成一個初始項目后,通過 npm install stylus -D命令,在項目內安裝stylus。(注意:命令結尾 -D 即是 --save-dev 的簡寫形式)

2.需要安裝loader,通過 npm install stylus-loader css-loader style-loader --save-dev  命令。

3.找到 webpack.base.conf.js 文件,並在其中的rules中寫入配置:

{

  test:/\.css$/,

  loader:'style-loader!css-loader!stylus-loader'

}

4.在組件內部的style標簽中,加入 lang="stylus" 即可。 <style lang="stylus"><style>

就可以使用stylus了

 


免責聲明!

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



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