1.安装sass的依赖包:
npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass
2.修改webpack.base.conf.js配置:
在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'scss']
}
如下图所示:
3.在.vue中使用,修改style标签
<style lang="scss">
.....
<style>
4.单独引用.scss文件
例如创建style.scss文件,在main.js中引入即可
import '../static/css/style.scss'