鍍金池/ 問答/網(wǎng)絡安全  HTML/ webpack中webpack.config.js中 less的配置方式兩種方式

webpack中webpack.config.js中 less的配置方式兩種方式的不同?

{

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

}

1上面是loader 下面是use 他們的區(qū)別是啥呢

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

{

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

}

回答
編輯回答
澐染

test不同：

  • 前者只對 less 后綴的文件應用相應 loader 處理。
  • 后者對 less和css 后綴的文件應用相應 loader 處理。

loader/use 不同：
webpack 不同版本寫法不同而已?，F(xiàn)在的新版本一般都是 use 寫法。

2017年4月10日 07:12
編輯回答
孤影

如果稍微入門的學習一下webpack 這個就不是個問題了，我也是剛剛才了解到這個方面的東西。
通常的webpack用法是use:[ 'style-loader','css-loader','less-loader'],
但是，其實loader可以理解為是個簡寫，但是其實loader可以作為use里面的參數(shù)進行多點配置!

test: /\.css$/,
    use: [
      'style-loader',
      {
        loader: 'css-loader',
        options: { root: '.' }
      }
    ]

要是想要徹底弄懂這類問題可以學習一下webpack，這類算是webpack入門累的問題了!
http://www.css88.com/doc/webp...

希望，我的回答能幫到你！

2018年2月2日 02:17