美文网首页
如何在webpack构建的项目中使用Sass

如何在webpack构建的项目中使用Sass

作者: 桃花谷主V | 来源:发表于2017-12-29 16:06 被阅读0次
    安装模块依赖

    node开发环境讲究的是模块化,因此在使用一个模块前,需要先下载对应得模块依赖;
    依赖模块:sass-loader
    因为sass-loader模块依赖于node-sass模块,因此也必须一起下载。
    命令:cnpm install sass-loader node-sass -d

    给组件中样式标签设置语法解析格式

    在组件中给style标签设置lang属性。
    <style lang="sass"></style>
    注意:如果设置为lang="sass",在写样式的时候是不可以写{};的,否则是无法编译的。
    如果习惯使用{};,可以设置lang="scss"

    相关文章

      网友评论

          本文标题:如何在webpack构建的项目中使用Sass

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