为babel-pollyfill

时间:2018-03-18 22:04:32

标签: javascript angular gruntjs babel babel-polyfill

我正在使用遗留应用程序,我们正在慢慢地向更现代化的图书馆推进等等(我事先说这个试图阻止任何"只是升级到webpack / yarn / etc&# 34;答案。我们正在逐步开展工作。)

问题摘要:

我已成功收录" grunt-babel":" ^ 7.0.0",(我可以看到它在测试let testBabel = 1转换时工作正常)。我还要求" babel-polyfill":" ^ 6.26.0","处理像.includes()&数组函数,我通过我的package.json"依赖关系" (不是" devDependencies",正如我在文档中的指示)。我的实际问题应该很简单:我不了解通过输入文件加载它的正确方法"对于我正在使用的库集。

Angular是v1.5

我的设置:

的package.json

  "devDependencies": {
"babel-core": "^6.26.0",
"babel-preset-env": "^1.6.1",
"grunt": "^0.4.5",
"grunt-babel": "^7.0.0",
"grunt-contrib-concat": "^0.5.1",
"grunt-contrib-copy": "^0.8.0",
"grunt-contrib-sass": "^0.9.2",
"grunt-contrib-uglify": "^0.9.1",
"grunt-contrib-watch": "^0.6.1",
"grunt-shell": "^2.1.0",
"load-grunt-tasks": "^3.5.2"
  },
  "dependencies": {
    "babel-polyfill": "^6.26.0",
    "d3-selection-multi": "~1.0.1",
    "node-bourbon": "^1.2.3"
  }

GruntFile.js

        src: [

            './app/vinoEZ/javascripts/__header/jquery/jquery_number.js',
            './app/vinoEZ/javascripts/__header/jquery/hottie.js',
            './bower_components/localforage/dist/localforage.js',
            './bower_components/moment/min/moment.min.js',
            './app/vinoEZ/javascripts/__header/polyfill/entry.js',
            './app/vinoEZ/javascripts/__header/polyfill/eventsource.js',
            './bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.js',
            './bower_components/smalot-bootstrap-datetimepicker/js/bootstrap-datetimepicker.js',
            './app/vinoEZ/javascripts/__header/underscore/underscore.js',
            './app/vinoEZ/javascripts/__header/myapp/base.js',

        ],
        dest: './public/javascripts/myapp.head.min.js',

(" myapp"是我们公司名称的替代品)。 pollyfill/eventsource.js已存在,因此我一直在使用pollyfill/entry.js作为我的一些实验 - 最终可能不需要。

此外,我们的app.js文件包含我们angular.module的所有require("babel-polyfill");次加载文件。指令的东西。

我尝试过的事情:

我尝试添加module.exports = function(grunt) {作为我require("babel-polyfill");中的第一行 - 似乎被忽略了&无论如何,我被告知错了

我已经尝试在该entry.js中添加import "babel-polyfill";var {google} = require('googleapis'); var OAuth2 = google.auth.OAuth2; var oauth2Client = new OAuth2( "clientid-idididid.apps.googleusercontent.com", "_secretsuff", "http://localhost:3000/auth/google/callback" ); var scopes = [ "https://www.googleapis.com/auth/chat", //Works "https://www.googleapis.com/auth/chat.bot" // Does not work ]; var url = oauth2Client.generateAuthUrl({ access_type: 'offline', scope: scopes, }); console.log(url);,这显然不会起作用而且没有(语法错误,因为javascript没有&t; t理解)

我尝试将相同的内容添加到角度app.js文件的顶部,但这只会炸掉我的角度。

真的在寻找一个"在这里写下这些单词",解决它给我答案,因为我很确定如果你知道要输入什么是一件很简单的事,但我&#39 ;我不知所措。

TIA!

1 个答案:

答案 0 :(得分:0)

最后,似乎直接链接是处理此问题的最简单方法,尤其是当我们正在慢慢升级整个系统时。

感兴趣的人的CDN:https://cdn.polyfill.io/v2/docs/