zoukankan      html  css  js  c++  java
  • 仅需三步,即可在Vue项目中配置sass

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
    本文链接:https://blog.csdn.net/jiangwei1994/article/details/81940324
    1.安装sass依赖包
    在终端中输入npm install --save-dev sass-loader,下图表示安装成功:

    安装完sass-loader后,再安装node-sass,输入npm install --save-dev node-sass,因为sass-loader依赖于node-sass,下图表示安装成功:

    2.添加配置
    打开build文件夹下的webpack.base.conf.js,如下图:

    找到module.exports里的module,在rules里添加下面的配置:

    {
    test: /.sass$/,
    loaders: ['style', 'css', 'sass']
    }
    如下图所示:

    3.修改style标签
    在vue文件中修改style标签,即可使用sass。

    <style lang="scss">
    ————————————————
    版权声明:本文为CSDN博主「Jerry丶惟」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/jiangwei1994/article/details/81940324

  • 相关阅读:
    2-6 求阶乘序列前N项和
    2-5 求平方根序列前N项和
    2-4 求交错序列前N项和
    2-3 求平方与倒数序列的部分和
    2-2 阶梯电价
    2-1 求整数均值
    2-17 生成3的乘方表
    【秋招之行】自白篇
    Django开发个人博客入门学习经验贴
    浅尝装饰器和AOP
  • 原文地址:https://www.cnblogs.com/shaozhu520/p/11547383.html
Copyright © 2011-2022 走看看