忠于品牌,精于技术

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">