详解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的地方写上
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
7 留学生祝福语简短
10 给老师新年祝福语 简短
11 生日祝福语宿舍舍友 简短
12 离职送别文案祝福语简短
13 简短元旦祝福语古言
14 学校元旦祝福语和简短
15 上级生日祝福语 简短独特
16 送姐姐的话祝福语简短
17 学校生日祝福语简短独特
18 新年公司祝福语简短牛年