如何为目标节点设置webpack 4和babel 7?

时间:2019-01-11 17:22:52

标签: javascript babel webpack-4

在babel repl中,我需要一个等效的设置:

enter image description here

所以从此代码:

export const foo = 'lol';
export default foo;

我不会得到这个:

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
const foo = (exports.foo = "lol");
exports.default = foo;

现在我使用以下.babelrc:

{
  "compact": false,
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-transform-shorthand-properties",
    "@babel/plugin-proposal-function-bind"
  ],
  "presets": [
    [
      "@babel/preset-env",
      {
        "modules": "false",
        "targets": {
          "node": "6.10",
          "esmodules": true
        }
      }
    ]
  ]
}

我的webpack配置中也有target: 'node'。但我无法重复与babel repl相同的行为。 当前输出为:

!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";r.r(t),r.d(t,"foo",function(){return n});const n="lol";t.default=n}]);

编辑:似乎webpack配置存在问题,因为仅在babel-cli中运行相同的babelrc可以正常工作。

0 个答案:

没有答案