草庐IT

babel-watch

全部标签

javascript - gulp-sourcemaps 不适用于 babel 6

因此,babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u

javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)?

我刚刚设置了新的webpack4项目,并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后,我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb,这在我看来太多了。有什么想法可以减小尺寸吗?我不想包含任何特定的polyfill(应该有一些tree-shaking,所以应该删除未使用的代码?)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/

javascript - 带有 scope.$watch 的 Angular 指令强制验证其他字段

我编写了一个match-modelAngular指令,当用户在我的应用程序中注册时,我将其用于密码/密码重复过程。密码重复字段具有此特定属性,可根据原始密码字段验证此字段。我的指令有scope.$watch用于优化目的,因为我不必每次验证我的重复密码范围属性时都读取相关的范围属性值,但我宁愿只使用缓存的值改变当相关范围属性值更改时(原始密码)。这是我的指令:.directive("matchModel",["$timeout",function($timeout){return{require:"ngModel",link:function(scope,element,attribut

javascript - 如何在 gulpfile.js 中使用 babel-polyfill

在Babel中docs他们只是说要包含import"babel-polyfill";以便我可以使用ES6生成器,但是在我将该行包含在我的gulpfile.js中之后,我仍然会生成一个异常:UncaughtReferenceError:regeneratorRuntime未定义这是我的gulpfile.jsimport'babel-polyfill';vargulp=require("gulp"),babel=require("gulp-babel"),concat=require('gulp-concat'),rename=require('gulp-rename'),uglify=r

javascript - Babel plugin-proposal-decorators 没有按预期工作

我在我的package.json中添加了这两个devDependencies:"@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-proposal-decorators":"^7.1.6",在.babelrc文件中,我将它们添加为插件:{"presets":["module:metro-react-native-babel-preset"],"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}],["@babel/plugin-pro

javascript - 我如何使用 $scope 和 $watch 使用 angular-fullstack 生成器语法?

我正在使用angular-fullstackgenerator为我的应用程序生成新路由。语法是reallyunfamiliar并使用类似类的结构。我如何使用它来注入(inject)$scope和$watch之类的东西?我想做的主要事情是观察特定变量的变化。语法如下。有人知道如何处理这个吗?'usestrict';(function(){classMainController{constructor($http){this.$http=$http;this.awesomeThings=[];$http.get('/api/things').then(response=>{this.awe

javascript - `es2016` 预设的 Babel 是否实现了尾调用优化?

我使用以下示例来测试Babel和es2016预设的尾调用递归:'usestrict';try{functionr(n){if(n%5000===0)console.log(`reachedadepthof${n}`);r(n+1);}r(0);}catch(e){if(!(einstanceofRangeError))throwe;elseconsole.log('stackblown');}我的package.json文件是:{"name":"tail-call-optimization","version":"1.0.0","description":"","main":"inde

javascript - 为什么 ES6 代码和 ES5 代码用 Babel.js 编译后结果不一样?

ES6代码:letfoo='outer';functionbar(func=x=>foo){letfoo='inner';console.log(func());}bar();//outer结果是“外部”。Babel.js编译后的ES5代码:'usestrict';varfoo='outer';functionbar(){varfunc=arguments.length结果是“外部”。我不知道为什么他们有不同的结果。 最佳答案 这是一个buginBabel.复杂参数列表中的表达式应该看不到函数体中的声明,但是这里Babel生成的代码

javascript - 如何在 Jest 中禁用 Babel 集成?

我有一个项目,它的代码同时针对浏览器和节点。它有用于浏览器代码的.babelrc文件。但是当我使用Jest运行节点代码测试时,它总是读取不需要的.babelrc文件。所以我可以以某种方式禁用它? 最佳答案 您需要为您的节点测试创建一个额外的Jest设置文件。在此文件中,将transform设置为一个空对象。要使用此文件,您需要使用指向您的节点jest设置的--config选项调用jest。 关于javascript-如何在Jest中禁用Babel集成?,我们在StackOverflow上

javascript - 当 process.env.NODE_ENV= ='production' 时,使用 babel-polyfill 在 IE11.0.9600 中未定义 fetch 和 Headers

当process.env.NODE_ENV=='development'-没问题!但是我们的生产构建在IE11(11.0.9600)中失败了。在chrome55中一切正常。开发依赖:...babel-core:"6.22.0",babel-eslint:"^7.0.0",babel-loader:"^6.2.5",babel-preset-env:"^1.5.2",babel-preset-es2015:"^6.16.0",babel-preset-es2016:"^6.22.0",babel-preset-es2017:"^6.16.0",babel-preset-react:"^6