webpack中webpack.config.js中 less的配置方式两种方式的不同?

Question

{

    test: /\.less$/,    loader: "style-loader!css-loader!less-loader",

}

1上面是loader 下面是use 他们的区别是啥呢

test里面也不一样 /.(less|css)$/, 和 /\.less$/,

{

    test: /\.(less|css)$/,
    use:[ 'style-loader','css-loader','less-loader'],

}