安裝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> 復制代碼
最后,不懂就百度吧