欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue cli安裝使用less的教程詳解

 更新時間:2019年07月12日 09:37:12   作者:Jello  
這篇文章主要介紹了vue-cli安裝使用less的教程,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下

vue-cli構(gòu)建的項目默認是不支持less的,需要自己添加依賴

1.安裝less和less-loader ,在項目目錄下運行如下命令

npm install less less-loader --save-dev

2.安裝成功后,打開build/webpack.base.conf.js ,在 module.exports = 的對象的module.rules 后面添加一段:

module.exports = {

// 此處省略無數(shù)行,已有的的其他的內(nèi)容
module: {
  rules: [
   // 此處省略無數(shù)行,已有的的其他的規(guī)則
   {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader",
   }
  ]
 }
}

3.最后,在代碼中的style標簽中加上lang="less"屬性即可

<style lang="less" scoped>
 .index-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  span {
   font-size: 0.373rem;
  }
 }
</style>

總結(jié)

以上所述是小編給大家介紹的vue cli安裝使用less的教程詳解 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

相關文章

最新評論