Question

我已经进行了一些研究，并尝试了不同的webpack配置。但是，webpack不会将我的ES5 +代码编译为ES5。在我的node_modules目录中，有一堆babel目录：

babel-preset-env
babel-preset-es2015
巴比尔核心
婴儿帮手
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]

以前有人遇到过这个问题吗？我已经尝试了有关此问题的文章中的所有建议，但没有帮助。知道如何解决这个问题吗？

Webpack不会移植到ES5

0 个答案: