为了账号安全,请及时绑定邮箱和手机立即绑定

配置less-loader遇到的问题

module:{

rules: [

{

    test: /\.js$/,

    include: path.resolve(__dirname,'src'),

    exclude: path.resolve(__dirname,'node_modules'),

    use: {

        loader: 'babel-loader',

        options: {

            presets: ["latest"]

        }

    }


    },

    {

    test: /\.css$/,

    use:[

    'style-loader',

    {

    loader:'css-loader',

    options:{

    importLoaders:1

    }

    },

    {

    /*可以处理浏览器兼容的问题*/

    loader:'postcss-loader',

    options:{

    ident:"postcss",

    plugins:(loader)=>[require("autoprefixer")]

    }

    }            

    ]

    },

    {

              test:/\.less$/,

              use:[

                  'style-loader',

                  'css-loader',

                  'postcss-loader',

                  'less-loader'

              ]

        }


    ]

}

这是wepack3的配置,less和less-loader已经安装了,但是运行会报错,错误如下http://img1.sycdn.imooc.com//5a6ae96200013a2d09690225.jpg

但是如果我把less-loader配置中的'postcss-loader'去掉运行就好了,这是问什么啊?有没有小伙伴可以指导一下

正在回答

1 回答

postcss-loader需要配置,至于为什么我也不知道.....


const postcssConfig = {

   loader: 'postcss-loader',

   options: {

       plugins: (loader) => [

           require('postcss-import')({root: loader.resourcePath}),

           require('autoprefixer')() //CSS浏览器兼容

       ]

   }

}


{

               test: /\.less$/,

               use: [

                   'style-loader',

                   'css-loader',

                   postcssConfig,

                   'less-loader'

               ]

           }


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

配置less-loader遇到的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信