zoukankan      html  css  js  c++  java
  • webpack打包less与sass

    less

    1.安装 less-loader 与 less

    npm install less-loader less --save-dev
    

    2.配置webpack.config.js

    module.exports={
        //...code
        module:{
            rules:[
                {
                    //匹配规则
                    test:/.less$/,
                    //loader加载顺序 不能颠倒
                    use: ['style-loader', 'css-loader','less-loader']
                }
            ]
        }
    }
    

    3. 使用方法

    index.js

    import "./../less/index.less"
    

    sass

    1.安装 sass-loader 与 node-sass

    npm install sass-loader node-sass --save-dev
    

    2.配置webpack.config.js

    module.exports={
        //...code
        module:{
            rules:[
                {
                    //匹配规则
                    test:/.less$/,
                    //loader加载顺序 不能颠倒
                    use: ['style-loader', 'css-loader','sass-loader']
                }
            ]
        }
    }
    

    3. 使用方法

    index.js

    import "./../sass/index.scss"
    
  • 相关阅读:
    flex 自定义事件
    ssis 不停执行的方法
    动态修改大小的Panel用户控件
    ssis 写文件到数据库
    sqlserver CheckSum
    poj1423
    poj1860
    poj1862
    poj1426
    poj1234
  • 原文地址:https://www.cnblogs.com/roseAT/p/12083191.html
Copyright © 2011-2022 走看看