详解vue-cli中配置sass
如何配置sass
一、安装对应依赖node模块：
npminstallnode-sass--save-dev npminstallsass-loader--save-dev
二、打开webpack.base.config.js在loaders里面加上
rules:[
{
test:/\.vue$/,
loader:'vue-loader',
options:vueLoaderConfig
},
{
test:/\.js$/,
loader:'babel-loader',
include:[resolve('src'),resolve('test')]
},
{
test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader:'url-loader',
query:{
limit:10000,
name:utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
{
test:/\.scss$/,
loaders:["style","css","sass"]
},
{
test:/\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader:'url-loader',
query:{
limit:10000,
name:utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
]
}
三、在用scss的地方写上
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。