webpack.config.js 中 module.loaders 和 module.rules 的区别

Question

我希望在 Babel 中使用 typescript 加载器，我看到了：

https://github.com/TypeStrong/ts-loader

module.exports = {
  module: {
    rules: [
      { 
        test: /\.tsx?$/, 
        use: [
          {
            loader: 'ts-loader', 
            options: {
              transpileOnly: true
            }
          }
        ]
      }
    ]
  }
}

为什么使用module.rules 而不是module.loaders？例如，我本来希望看到这个：

module.exports = {
  module: {
    loaders: [    // loaders instead of rules
      { 
        test: /\.tsx?$/, 
        use: [
          {
            loader: 'ts-loader', 
            options: {
              transpileOnly: true
            }
          }
        ]
      }
    ]
  }
}

有什么区别？

Answer 1

规则是在 webpack 2 中引入的。你看到的加载器是 webpack 1 的一部分。