使用sass或scss语法配置
安装sass依赖sass-loader和node-sass:
npm i sass-loader node-sass -D安装之后,可能会出现node-sass安装失败的情况,原因和解决办法可以参考这里,可以通过在命令行直接运行下面的命令来解决:
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass然后在webpack.base.conf.js中添加相关配置:
{ ???test: /\.s[a|c]ss$/, ???loader: ‘style!css!sass‘}还有就是在.vue里面使用<style>最好配置成
<style lang="scss"></style>因为 lang="sass"使用的是嵌套语法, 如果要支持CSS的语法糖使用lang="scss"
Vue 中使用 sass 或 scss 语法配置(未使用)
原文地址:https://www.cnblogs.com/DoubleLoong/p/8628893.html