如何在vue中使用sass

安裝sass

安裝教程連接： https://www.sass.hk/install/

在vue中使用sass

參考連接： https://www.jianshu.com/p/8e60048baeb7

打開控制檯：輸入命令行

• 若是是沒有淘寶鏡像的，先下載淘寶鏡像，以後的下載速度比較快

  npm install -g cnpm --registry=https://registry.npm.taobao.org

  cnpm install sass-loader node-sass vue-style-loader --D

• 搞定後，打開build文件夾下的webpack.base.conf.js文件，在module代碼下，添加代碼：

  {  //上面是默認的！不用改！下面是沒有的須要手動添加，至關因而編譯識別sass!
      test: /\.scss$/,
      loaders: ["style", "css", "sass"]
    }
  複製代碼

• 最後在頁面文件中添加代碼，這代碼是轉rem單位的

  <style lang="scss" scoped>
      @function rem($len) {
      @return $len * 16/750 + rem;
      }
  </style>
  複製代碼

  最後，不懂就百度吧