1.安装sass的依赖包
npm install --save-dev sass-loader
（若出错，因为sass-loader版本过高导致，可以将其package.json中的版本改为7.3.1，然后再重新安装sass-loader包，若是还过高，则重装6.x,cnpm i sass-loader@6.x --save-dev）
2.//sass-loader依赖于node-sass,所以要安装node-sass
npm install --save-dev node-sass
3.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
}
注意：下面这个 加不加视情况定（css的）
{
test:/.css/,
loader:'css-loader'
},
4.在APP.vue中修改style标签
<style lang="scss">
5.然后运行项目
$ npm run dev
一、vue2.0项目中引入sass预编译 （1）安装依赖 vue项目中想要使用sass,需要安装上node-sas...
VUE项目中使用SCSS sass是依赖于node-sass ，所以要安装node-sass sass-loade...
VUE2.0中集成Sass Step1：在项目中安装Sass Step2：配置Sass解析器 PS：不安装的话会出...
由于上一篇讲解了在vue项目中如何使用less,本篇重点讲解如何使用sass 一.安装sass: npm inst...
一、如果在创建Vue@3.0项目的时候没有选择sass则需要安装 npm install -D sass-load...
npm install --save-dev sass-loader （若出错，因为sass-loader版本过高...
在vue的项目中想用sass但是不知道为什么sass安装那么费劲，总是安装失败，找了一大圈的方法，最后找到一个好用...
vue-cli2 安装node-sass、sass-loader、style-loader: 2、安装sass-r...
1.基础配置安装环境： 安装成功就可以在项目中使用sass 全局注册scss: vue.config.js配置 然...
安装vuew脚手架 安装element-ui 安装sass 安装vue-custom-element 安装vue-...
本文标题：Vue项目中安装sass
本文链接：https://www.haomeiwen.com/subject/wkezkktx.html
网友评论