webpack - Webpack 4 替换导入

Question

我有 javascript 文件import，例如

import React from 'react';

我的 webpack 4 配置有

...
target: 'node',
module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          sourceMap: false,
          babelrc: false,
          presets: [
            ['env', { modules: false }],
            'react'
          ],
          plugins: ['transform-object-rest-spread', 'transform-es2015-modules-commonjs'],
        },
      },
    },
    ...

现在我的输出 javascript 包含react库中的所有代码，大小为 63 Kb。但我不需要这个额外的代码。我只想看到类似的东西

'use strict';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

有没有办法得到这个？

标签： webpackimportrequirecommonjs