问答详情
源自:4-5 使用 less 和 sass

less-loader @import

在layer.less 里面引入 modal.less 但是编译的时候却没有用 并没有加前缀

提问者:慕设计7780073 2017-08-01 15:23

个回答

  • ymlr_情
    2017-08-16 21:44:32

    还是没有前缀,也没引进less 不知道是不是我版本太高的过 用的3.5.4

  • 一脚一个榴莲
    2017-08-02 14:49:17

    我按楼上那样写还是错的。这样就可以。

    {
     test:/\.less$/,
     use:[
       'style-loader',
       {loader:'css-loader',options:{importLoaders:1}},  //importLoaders表示,如果在css中用了@imprt引入其他的css,如果还想用postcss-loader的私有前缀功能,就要用importLoaders属性,它的值为@import引入的次数,用了@import一次,其值就为1
       "less-loader",
       {
         loader:'postcss-loader',
         options:{
           plugins:function(){
             return [
               require('postcss-import')(),        //一定要写在require("autoprefixer")前面,否则require("autoprefixer")无效
               require("autoprefixer")({browsers:['last 5 versions']}) //最近5个浏览器版本的前缀
             ]
           }
         }
       }
     ]
    }

  • 慕设计7780073
    2017-08-01 15:29:50

    解决了,在less 里面写全 。我的是webpack 3.0版本的

    use:[ {loader: 'style-loader'},

                 {loader: 'css-loader',options:{importLoaders:1}}, 

                 {loader: 'postcss-loader'},

                 {loader: 'less-loader',}

                ],

    就行