Question

4 concepts of webpack 条目，输出，加载程序和插件。

我一直在查看文档，以了解我的React配置是如何工作的。

输入和输出很有意义。但是为什么模块下包含了加载器。

就文档而言，模块是webpack从文件创建的。

但在代码（工作）中它保留loaders。

我原本以为它是第三把钥匙。

Webpack-React的文档在哪里？我做了一个提前谷歌搜索，但没有任何相关内容，除了React Proxy Loader，

我想了解这段代码，需要一个起点。除了4个主要概念。我不知道它是如何运作的。

下面的表格似乎甚至没有包含在loaders

下的更深入的文档中

module.exports = {
  entry: `${SRC_DIR}/index.jsx`,
  output: {
    filename: 'bundle.js',
    path: DIST_DIR
  },
  module: {
    loaders: [
      {
        test: /\.jsx?/,
        include: SRC_DIR,
        loader: 'babel-loader',
        query: {
          plugins: ["transform-object-rest-spread", "transform-class-properties"],
          presets: ['react', 'es2015']
        }
      }
    ]
  }
};

Answer 1

所以对你的问题的一个答案是，你不一定要寻找Webpack和React的文档，而是Babel（或类似的转换器）和React。 Babel-loader（你在上面使用的加载器）将React的JSX格式转换为浏览器可以通过Webpack读取的javascript。这是babel-loader documentation。

以下是一些可能有用的其他资源：

1）Setup React.js with Npm, Babel 6 and Webpack in under 1 hour

2）Setup a React Environment Using webpack and Babel

3）React JSX transform

4）如果您对此感兴趣：React without JSX

模块在Webpack的4个概念的上下文中引用了什么？

1 个答案: