Question

使用NODE_ENV = production将SPA（React）编译为生产后出现错误：
n.e（...）。then（...）。config不是函数
n - UglifyJS的承诺

这是package.json

"scripts": {
    "dev": "webpack-dev-server --mode development --colors",
    "start": "cross-env NODE_ENV=production webpack-dev-server --mode production --env.NODE_ENV=production --colors",
    "build": "cross-env NODE_ENV=production webpack --mode production --env.NODE_ENV=production --colors --optimize-minimize",
    "test": "test",
    "analyze:build": "cross-env ANALYZE=true npm run build",
    "analyze:start": "cross-env ANALYZE=true npm run start",
    "analyze:dev": "cross-env ANALYZE=true npm run dev"
  },

.babelrc

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "browsers": "last 2 versions"
      }
    }],
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-proposal-class-properties",
    "react-hot-loader/babel"
  ]
}

webapack.config.js

entry: {
      app: [
        './index.js'
      ],
      core: [
        'react',
        'react-dom',
        'core-js',
        'react-router',
        'redux',
        'react-redux'
      ]
    },
optimization: {
      splitChunks: {
        cacheGroups: {
          commons: {
            test: 'core',
            name: 'core',
            chunks: 'initial'
          },
          async: {
            test: /[\\/]node_modules[\\/]/,
            chunks: 'async',
            priority: -10
          },
          vendors: {
            test: /[\\/]node_modules[\\/]/,
            name: "vendors",
            chunks: 'initial',
            priority: -20
          }
        }
      }
    },

不知道我做错了什么=（

我正在和@ babel / polyfill一起尝试 - 同样

screenshot of error

Answer 1

某些库不支持最新的webpack。支持.mjs文件的问题。所以当你降级到版本3.x时，问题应该解决

在生产中编译后，Webpack 4.8和Babel 7不起作用

1 个答案: