jjzjj

babel-cli

全部标签

javascript - 需要没有 Browserify、Webpack 或 Babel 的 reactjs 模块

我正在尝试在visualstudio中设置TypeScriptHTML应用程序。我想使用reactjsv0.14.7我想避免使用像Browserify这样的工具。但是,如何使用react-dom模块呢?让我们暂时忘掉typescript。我需要先启动并运行纯ES5。目前,我有这个:varButton=React.createClass({render:function(){return(React.createElement("div",{className:"btnbtn-default"},'helloworld'));}});ReactDOM.render(React.creat

javascript - 使用 Gulp 和 Babel 缩短构建时间

我试图在添加gulp-babel后加快构建时间到我的构建过程...起初我以为gulp-cached可能会有所帮助,但这会导致编译后的文件仅包含最近编辑过的那些文件(我现在明白了gulp-cached是如何工作的)。没有babel我的构建时间是使用babel最多1.5秒。我当然希望它回到200ms...有什么想法吗? 最佳答案 使用gulp-cached和gulp-remember。只有已更改的文件才会通过管道,然后gulp-remembers将它们全部添加回去。:)returngulp.src(array).pipe(cached(

javascript - webpack-cli@3.0.8 需要 webpack@^4.x.x 的对等体,但没有安装

在使用React时遇到了一些麻烦。有谁知道如何安装webpack@^4.x.x的peer?这是我尝试运行时收到的错误webpack-dev-server在命令中。它只是返回webpack-cli@3.0.8requiresapeerofwebpack@^4.x.xbutnoneisinstalled.Youmustinstallpeerdependenciesyourself. 最佳答案 webpack-dev-server将Webpack作为peerdependency,这意味着您需要自行安装。您可以使用以下命令安装最新版本的We

javascript - 如何使用 babel 7 添加 flatMap?

看完文章RemovingBabel'sStagePresets通过babel,我仍然不完全理解如何将提案从stage-3(flatMap)添加到.babelrc.据我了解,因为flatMap可以用ES5写,所以我需要一个polyfill而不是一个插件。我在--save-dev下安装了@babel/polyfill但浏览器仍然告诉我这个方法不存在。我猜@babel/polyfill没有涵盖实验性功能。 最佳答案 flatMap已从babel7的@babel/polyfill中删除。您需要直接从core-js中包含它,例如import"

javascript - 将 Angular 2 与 Electron 结合使用(Angular CLI)

我使用新的AngularCLI生成了一个新的Angular2项目.现在我不想在浏览器中使用Angular,而是在Electron应用程序中使用。因此,我为electron的主进程创建了一个文件,在终端中使用ngbuild构建我的Angular应用程序后,该应用程序没有按预期工作。Electron主进程文件:varelectron=require("electron");var{app,BrowserWindow}=electron;app.on('ready',()=>{varmainWindow=newBrowserWindow();mainWindow.loadURL(`file:

javascript - 在本地使用 babel-cli

有没有办法在不全局安装的情况下使用babel客户端?所以而不是这个npminstall-gbabel-cli我想做这个npminstallbabel-cli--save-dev 最佳答案 可以在npmscripts中访问任何本地包的二进制文件就好像它是全局安装的://package.json{"scripts":{"build":"babel..."}}如果你想在命令行上执行二进制文件,你可以使用node_modules/.bin/的相对路径:$node_modules/.bin/babel...这与第一个示例相关:node_mod

javascript - Teamcity 上的 Angular-cli 构建(ng 构建)

我希望有人已经这样做了。我正在尝试为我的一个angular2项目在teamcity中建立一个连续的构建。在做了一些研究之后,我按照以下步骤操作:构建步骤1:为teamcity安装jonnyzzz.node插件。(现在我可以从Runner类型中选择Node.jsNPM)npm命令:我添加了安装命令构建步骤2:另一个Node.jsNPM和npm命令:install-gangular-cli到目前为止一切顺利现在我想构建ngbuild作为第三步,但我真的被困住了,因为我无法做到这一点。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 无需更

使用 ChatGPT API 和节点创建 CLI 聊天机器人.js

ChatGPT风靡全球,本周,OpenAI发布了ChatGPTAPI。我花了一些时间在浏览器中使用ChatGPT,但真正适应这些新功能的最好方法是尝试使用它构建一些东西。有了可用的API,现在是时候了。。我想我会从尝试构建相同的聊天机器人开始,但使用JavaScript。事实证明,Node.js需要比Python更多的代码来处理命令行输入,所以Grag的版本是16行,而我的版本需要31行。构建了这个小机器人后,我对使用此API构建的潜力同样感到兴奋。这是完整的代码。我将进一步解释它在做什么。import{createInterface}from"node:readline/promises";

javascript - Babel - 使用 transform-async-to-generator 插件时未定义 regeneratorRuntime

我无法正确设置babel以使用async/await。我正在使用babel7和webpack4。如果可能,我不想使用babel-polyfill!我的babelrc文件:{"presets":[["@babel/env",{"modules":false}]],"plugins":["syntax-dynamic-import","transform-async-to-generator"]}代码:asyncfunctioninit(){constloaderData=awaitinitLoader();initCmp(loaderData).then(initApi(loaderDa

javascript - 使用 ES6、Webpack 和 Babel 导入 UMD 样式模块

我发现了一些与此相关的StackOverflow问题,但没有一个匹配或解决我的问题。我正在用ES6编写一个库,旨在用于浏览器和服务器。我找到了一些可以在服务器或浏览器上使用的HTTP请求库(popsicle,axios)。我已经在这两个地方成功地使用了这些库,但是在将它们导入我的源代码并使用输出的webpacked文件时遇到了一些问题。我导入axios库的ES6源文件是importaxiosfrom'axios';exportdefault{go:function(){returnaxios.get('http://www.google.com');}};我的webpack配置是var