Обновление до webpack 4, импорт не работает - PullRequest
Новая
       15

Обновление до webpack 4, импорт не работает

0 голосов
/ 30 апреля 2018

Я в процессе обновления до веб-пакета 4.6.0 с 3.0.0. Все работает нормально, но когда дело доходит до выполнения кода в браузере, импорт не работает должным образом.

Это настройка мю:

package.json 

"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-eslint": "^7.2.3",
"babel-jest": "^22.2.2",
"babel-loader": "^7.1.4",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-dynamic-import-node": "^1.0.1",
"babel-plugin-syntax-dynamic-import": "6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-assign": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1",
"webpack": "^4.6.0",
"webpack-bundle-analyzer": "^2.11.1",
"webpack-cli": "^2.0.15",
"webpack-dev-server": "^3.1.3",
"workbox-webpack-plugin": "^3.0.0"

.babelrc 

{
  "presets": [
      "env",
      "react"
  ],
  "plugins": [
      "add-module-exports",
      "transform-class-properties",
      "transform-object-rest-spread",
      "transform-object-assign",
      "syntax-dynamic-import"
  ],
  "env": {
      "test": {
          "plugins": [
              "dynamic-import-node"
          ]
      }
  }
}

webpack.config.js 

{
    test: /\.js$/,
    include: [
      path.resolve('src')
    ],
    use: [
      { loader: 'babel-loader' },
      ...
    ]
}

А потом, когда дело доходит до исполнения, это происходит:

dev-tools

progressiveImage является компонентом реакции, который при отладке не имеет значения по умолчанию для импорта.

Можете ли вы найти что-то неправильное из этого?

Заранее спасибо.

...