美文网首页Vue指导
vue-cli中配置sass

vue-cli中配置sass

作者: 诺奕 | 来源:发表于2017-05-15 16:11 被阅读1445次

主要有三个步骤

步骤1
npm install node-sass --save-dev
npm install sass-loader --save-dev
步骤2

打开webpack.base.config.js在loaders里面加上

{
   test: /\.scss$/,
   loaders: ["style", "css", "sass"]
 }
步骤3

在需要用到scss的地方写上:

<style lang="scss" scoped="" type="text/css"></style>

相关文章

网友评论

  • jsjjl:步骤2可以省去的吧 里面好像有了
    恬雅过客:好像有文档https://vue-loader-v14.vuejs.org/zh-cn/configurations/pre-processors.html
    诺奕:如果有,就不用加。如果没有就加上

本文标题:vue-cli中配置sass

本文链接:https://www.haomeiwen.com/subject/xcuhxxtx.html