码迷,mamicode.com
首页 > Web开发 > 详细

Vue 中使用 sass 或 scss 语法配置(未使用)

时间:2018-03-23 11:41:08      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:ase   test   添加   参考   binary   npm   mirrors   gpo   pos   

使用sassscss语法配置

安装sass依赖sass-loadernode-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 语法配置(未使用)

标签:ase   test   添加   参考   binary   npm   mirrors   gpo   pos   

原文地址:https://www.cnblogs.com/DoubleLoong/p/8628893.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!