webpack Webpack，React JSX，Babel，ES6，简单配置

示例

确保您安装了正确的npm依赖项（babel决定将其自身拆分为一堆软件包，与“对等依赖项”有关）：

npm install webpack webpack-node-externals babel-core babel-loader babel-preset-react babel-preset-latest --save

webpack.config.js：

module.exports = {
    context: __dirname, // 设置相对点（可选）
    entry: "./index.jsx",
    output: {
        filename: "./index-transpiled.js"
    },
    module: {
        loaders: [{
            test: /\.jsx$/,
            loader: "babel?presets[]=react,presets[]=latest" // 避免.babelrc
        }]
    }, // 如果导出为模块，则可能需要libraryTarget：umd
    externals: [require("webpack-node-externals")()], // 可能不需要
    devtool: "inline-source-map"
};

webpack-node-externals是一项功能，可扫描您的文件node_modules并确保它们不会与您的前端代码一起被转译和捆绑，尽管它确保捆绑包保留对它们的引用。由于不需要重新编码库，因此这有助于更快地进行编译。