zoukankan      html  css  js  c++  java
  • vue中使用less/scss(这是2.0 3.0就不需要手动配置了只需要安装依赖就行了)

    第一步:

    安装less依赖,npm install less less-loader --save

    第二步:

    修改webpack.config.js文件,配置loader加载依赖,规则上加这个

    {
    test: /.less$/,
    loader: "style-loader!css-loader!less-loader",
    },
     
    搞定。。。最喜欢嵌套可以用了
     
    **********************************************************
    **************************************************************************

    npm install --save-dev sass-loader   //sass-loader依赖于node-sass

    npm install --save-dev node-sass

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

    错误提示:无效的css。因为sass语法不使用大括号和分号。

    如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。

    如果你希望使用带大括号的语法,即SCSS

    那么,你只要把lang="sass"改成lang="scss"就行了。

    搞定

  • 相关阅读:
    css3
    ubuntu /mac 终端命令大全
    MarkDown的语法的简要规则
    向github上传一个项目
    datatable 去掉默认功能
    datatable 自定义筛选
    vuex
    es6入门教程
    datatable 指定添加排序,根据列的值来设置颜色
    在ios上块点击出现闪黑底
  • 原文地址:https://www.cnblogs.com/myfirstboke/p/11210323.html
Copyright © 2011-2022 走看看