美文网首页
Vue项目中怎么调用Sass编辑样式

Vue项目中怎么调用Sass编辑样式

作者: 毅栈 | 来源:发表于2018-06-07 21:17 被阅读0次

    安装sass的依赖包:

    npm install --save-dev sass-loader
    

    安装node-sass:(sass-loader依赖于node-sass

    npm install --save-dev node-sass
    

    webpack.base.conf.jsrules里面添加配置:

    {
      test: /\.sass$/,
      loaders: ['style', 'css', 'sass']
    }
    

    APP.vue中修改style标签

    <style lang="scss">
    

    重新启动项目:

    $ npm run dev
    

    相关文章

      网友评论

          本文标题:Vue项目中怎么调用Sass编辑样式

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