Webpack не переносится на ES5 - PullRequest
Новая
       14

Webpack не переносится на ES5

0 голосов
/ 21 марта 2019

Я уже провел некоторые исследования и попробовал различные конфигурации веб-пакета.Тем не менее, webpack не скомпилирует мой код ES5 + в ES5.В моем каталоге node_modules есть несколько каталогов babel:

  • babel-preset-env
  • babel-preset-es2015
  • babel-core
  • babel-helpers
  • babel-helper- {lotsOfDifferentDirectories}
  • babel-plugin- {lotsOfDifferentDirectories}
  • @ babel
  • @ babel / core
  • @ babel / preset-env
  • и многие другие ...

webpack.config.js 

const path = require('path');


module.exports = {
  entry: {
    app: "./_assets/js/src/example.js"
  },
  mode: "development",
  output: {
    path: path.resolve(__dirname, "_assets/js/build"),
    filename: "exampleBundle.js"
  },
  module: {
    rules: [{
      test: /\.js?$/,
      exclude: /node_modules/,
      loader: "babel-loader",
      query: {
        presets: ["@babel/preset-env"]
      }
    }]
  }
}

package.json 

{
  "name": "jkk-onepager",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "repository": {
    "type": "git",
    "url": "http://10.8.1.1:850/root/jkk-onepager.git"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.3.4",
    "@babel/preset-env": "^7.3.4",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.5",
    "babel-preset-es2015": "^6.24.1",
    "webpack": "^4.29.6",
    "webpack-dev-server": "^3.2.1"
  },
  "devDependencies": {
    "babel-preset-env": "^1.7.0",
    "webpack-cli": "^3.2.3"
  }
}

src / example.js 

let testArray = [1,2,3,4,5];

testArray.forEach( item => {
  console.log(item);
})

часть exampleBundle.js 

/***/ "./_assets/js/src/example.js":
/*!***********************************!*\
  !*** ./_assets/js/src/example.js ***!
  \***********************************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("var testArray = [1, 2, 3, 4, 5];\ntestArray.forEach(function (item) {\n  console.log(item);\n});\n\n//# sourceURL=webpack:///./_assets/js/src/example.js?");

/***/ })

/******/ });

Вывод на консоль после запуска npm run build

Hash: 70c0ea4134e6e46211b5
Version: webpack 4.29.6
Time: 896ms
Built at: 2019-03-21 11:28:05
           Asset      Size  Chunks             Chunk Names
exampleBundle.js  3.94 KiB     app  [emitted]  app
Entrypoint app = exampleBundle.js
[./_assets/js/src/example.js] 93 bytes {app} [built]

Кто-нибудь еще сталкивался с этой проблемой раньше?Я опробовал каждое предложение, которое смог найти в статьях по этой проблеме, но это не помогло.Есть идеи как это исправить?

...