vue安装scss (less同理)
2019-02-11 10:41
85 查看
1、创建一个基于 webpack 模板的新项目
$ vue init webpack myvue
2、在当前目录下,安装依赖
$ cd myvue
$ npm install
3、安装sass的依赖包
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
4、在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /.sass$/,
loaders: [‘style’, ‘css’, ‘sass’]
}
如下图所示:
5、在APP.vue中修改style标签
相关文章推荐
- vue 安装 sass,scss,less
- vue.js如何安装less
- vue中使用scss, 小记~安装sass-loader
- vue项目安装sass/scss
- scss/less语法以及在vue项目中的使用
- vue安装和使用scss
- vue项目中npm安装sass,less,stylus
- vue环境搭建,安装css,js,less加载依赖
- Webpack安装(2)-打包css、scss、less(包括编译、分离)
- webstorm开发vue组件时,支持scss/less等预处理语言
- vue.js如何安装less
- vue安装和使用scss及sass与scss的区别详解
- vue-cli 安装时 npm 报错 errno -4048
- vue-cli的安装方法
- vue-cli webpack在node环境下安装使用详解
- vue使用less识的scoped属性
- ubuntu14.04(16.04同理)安装MATLAB2014a
- 安装vue遇到的镜像问题
- Stackless Python安装详细操作手册
- angular - 如何支持less和sass(scss)