最近在给淄博本地一家客户开发客户管理系统的时候,需要用到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">
云恒网络www.zbyh.cn版权所有 备案号:鲁ICP备19021997号-1 淄博高端网站建设、网络营销知名品牌 网络整合传播机构