91直播在线观看www免费/日韩高清在线亚洲专区vr/国产精品午夜寂寞视频/亚瑟在线影院怎么下载

忠于品牌,精于技術

vue項目中如何使用sass!


最近在給淄博本地一家客戶開發客戶管理系統的時候,需要用到vue+webpak來做前端開發,采用sass來做css模塊化。故來分享一下,用webpack+vue 如何使用sass!


1、創建一個基于 webpack 模板的新項目

$ vue init webpack project_name


2、安裝sass的依賴包

npm install --save-dev sass-loader 

//sass-loader依賴于node-sass npm install --save-dev node-sass


3、在build文件夾下的webpack.base.conf.js的rules里面添加配置

{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] }


4、在APP.vue中修改style標簽

<style lang="scss">