升级babel7后webpack如何配置?

Question

升级了webpack4和babel之后,运行项目报错,感觉是不识别es6语法了呢.调试了半天没搞好,有没有大神指点下?

  {
    test: /\.js$/,
    use: [
      {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins:
            [
              '@babel/plugin-transform-runtime'
            ]
        }
      }
    ]
  },
  
  packages.js
  
"@babel/core": "^7.4.4",
"@babel/plugin-proposal-class-properties": "^7.4.4",
"@babel/plugin-proposal-decorators": "^7.4.4",
"@babel/plugin-proposal-export-namespace-from": "^7.0.0",
"@babel/plugin-proposal-function-sent": "^7.0.0",
"@babel/plugin-proposal-json-strings": "^7.0.0",
"@babel/plugin-proposal-numeric-separator": "^7.0.0",
"@babel/plugin-proposal-throw-expressions": "^7.0.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-syntax-import-meta": "^7.0.0",
"@babel/plugin-syntax-jsx": "^7.0.0",
"@babel/plugin-transform-runtime": "^7.4.4",
"@babel/preset-env": "^7.4.4",
"@babel/runtime": "^7.4.4",
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0-beta.2",
"@vue/babel-plugin-transform-vue-jsx": "^1.0.0-beta.2",
"acorn": "^6.1.1",
"ajv": "^6.9.1",
"autoprefixer": "^9.5.1",
"babel-eslint": "^10.0.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^8.0.6",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-vue-jsx": "^3.5.0",

.babelrc
{
 "presets": [
[
  "@babel/preset-env",
  {
    "modules": false,
    "targets": {
      "browsers": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
      ]
    }
  }
]
   ],
  "plugins": [
"transform-vue-jsx",
"@babel/plugin-transform-runtime",
"@babel/plugin-syntax-dynamic-import"
   ]
 }

Answer 1

这个问题需要升级配置vue-loader 15 然后vux-loader又不支持，所以有问题，暂时先不升级了只能。

Answer 2

你项目里 package.json 安装的 plugin 很多都没有引入。看当前报错，需要引入：@babel/plugin-syntax-dynamic-import

plugins:
    [
      '@babel/plugin-transform-runtime',
      '@babel/plugin-syntax-dynamic-import'
    ]