如何使用babel创建非最小化和最小化构建
Babel是一个广泛使用的JavaScript编译器，它可以将新版本的JavaScript代码转换为向后兼容的旧版本，以便在不同的浏览器和环境中运行。使用Babel创建非最小化和最小化构建可以帮助我们优化代码并提高性能。
要使用Babel创建非最小化和最小化构建，可以按照以下步骤进行操作：
- 安装Babel：首先，需要在项目中安装Babel及其相关插件。可以使用npm或yarn来安装Babel的核心包和其他插件。具体安装命令如下：
- 安装Babel：首先，需要在项目中安装Babel及其相关插件。可以使用npm或yarn来安装Babel的核心包和其他插件。具体安装命令如下：
- 配置Babel：在项目根目录下创建一个名为
.babelrc的文件，并在其中配置Babel。例如，可以使用@babel/preset-env预设来指定要转换的JavaScript版本。.babelrc文件的内容如下： - 配置Babel：在项目根目录下创建一个名为
.babelrc的文件，并在其中配置Babel。例如，可以使用@babel/preset-env预设来指定要转换的JavaScript版本。.babelrc文件的内容如下： - 创建非最小化构建：要创建非最小化构建，可以使用Babel的命令行工具（
@babel/cli）来转换源代码文件。例如，可以使用以下命令将src目录下的所有JavaScript文件转换为非最小化构建： - 创建非最小化构建：要创建非最小化构建，可以使用Babel的命令行工具（
@babel/cli）来转换源代码文件。例如，可以使用以下命令将src目录下的所有JavaScript文件转换为非最小化构建： - 创建最小化构建：要创建最小化构建，可以使用Babel的插件来进行代码压缩和优化。一个常用的插件是
babel-minify，它可以帮助我们减小构建文件的大小。首先，需要安装babel-minify插件： - 创建最小化构建：要创建最小化构建，可以使用Babel的插件来进行代码压缩和优化。一个常用的插件是
babel-minify，它可以帮助我们减小构建文件的大小。首先，需要安装babel-minify插件： - 然后，在
.babelrc文件中添加以下配置： - 然后，在
.babelrc文件中添加以下配置： - 最后，使用Babel的命令行工具将源代码文件转换为最小化构建：
- 最后，使用Babel的命令行工具将源代码文件转换为最小化构建：
使用Babel创建非最小化和最小化构建可以帮助我们在不同的浏览器和环境中运行代码，并且通过最小化构建可以减小文件大小，提高加载速度和性能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
相关·内容
我像这样加载.graphql文件： import { join } from 'path'
import { loadSchemaSync } from '@graphql-tools/load'
import { GraphQLFileLoader } from '@graphql-tools/graphql-file-loader'
import { addResolversToSchema } from '@graphql-tools/schema'
import resolvers from './resolve
浏览 13提问于2021-07-17得票数 0
回答已采纳
以下是手动拆分代码前的相关代码：
import React from 'react';
import {BrowserRouter, Switch, Route} from 'react-router-dom';
import Protected from '../container-components/authentication/protected.js';
import LoginContainer from '../container-components/authentication/loginContainer.js'
浏览 1提问于2018-12-06得票数 0
我正在为一个项目构建一个网络(react和webpack & babel)和移动应用程序(react-native和expo)。因此，我为业务逻辑和redux/api库创建了一个公共库。
有些代码会在网络和移动之间略有不同。在我的例子中，它是localStorage vs AsyncStorage，我使用它来进行身份验证.
我试图为构建阶段传递一个环境变量，以切换特定文件的导入--，以便为每个构建加载正确的文件，这些构建都是简单的路径链接(即没有预构建库，我只是执行import '../mylib')：
if(PLATFORM === 'mobile')
浏览 0提问于2018-09-28得票数 10
1回答
在nodejs express.js应用程序中，并尝试使用babel构建应用程序以实现跨浏览器兼容性。
package.json脚本：
"scripts": {
"start": "node dist/app.js",
"build": "babel src -d dist"
}
在运行npm build并检查我的build文件夹时，除了.html、.css、.ejs等非js文件之外，所有的构建都是正确的。目前，只需将这些文件复制到其各自子目录中的build文件夹中，一切工作正常。
我甚
浏览 2提问于2018-09-17得票数 12
我有一个由Webpack捆绑并由提供的React项目。在这个项目中，我使用了来自的Select组件。使用Webpack 3，一切正常，升级到Webpack 4后，在development模式下也可以正常工作。但是，当我在production模式下构建时，来自react-select的Select组件没有应用任何样式。
(我没有足够的名誉点来发布图片，所以我打算提供图片的链接。)
下面是在development模式下构建选择器时的样子。
下面是在production模式下构建选择器时的样子。
不应用样式的原因是react-select使用，并且css被注入到样式表的头部。
这是一个在deve
浏览 12提问于2019-04-04得票数 1
我正在开发一个NPM模块，我的babel配置出现了问题。我正在使用ES6，特别是异步/等待、静态类方法和导入/导出。
首先，我得到了一个常见的问题：ReferenceError: regeneratorRuntime is not defined。因此，我将babel-plugin-transform-runtime作为开发依赖项安装，并将其添加到.babelrc的插件中。当需要使用路径名或通过npm作为依赖项的模块时，我遇到了错误Error: Cannot find module 'babel-runtime/regenerator'。似乎为了解决这个问题，我不得不使用bab
浏览 3提问于2019-01-17得票数 2
回答已采纳
1回答
我正在使用webpack和节点来构建我的应用程序。JS代码需要scss文件。看起来是这样的：
require('babel-register');
require("./test.scss");
import React from 'react';
class MyClass extends React.Component
....
我有webpack配置将所有scss打包成一个文件。
{test: /(\.css|\.scss)$/, loader: ExtractTextPlugin.extract('css?sourceMap!s
浏览 2提问于2016-08-31得票数 0
我通常使用webpack和babel来配置我的react项目。最近尝试使用创建-反应-应用。问题是，当您使用创建应用程序时，就不会像在package.json文件中所显示的那样，在项目上安装babel或任何构建工具。那么，没有这些工具，ES6或其他东西是如何工作的呢？
浏览 1提问于2019-02-07得票数 1
回答已采纳
我试图在一个使用webpack和babel处理的项目中使用增量-dom，我将脚本与供应商自动分离，但是浏览器控制台日志告诉我的增量-dom函数有问题：Uncaught SyntaxError: Uncaught SyntaxError：语句需要一个函数名。
function (e) {return 11 === e.nodeType || 9 === e.nodeType} (t)? t.activeElement: null} (e); return n && e.contains (n)? function (e, t) {para (var n = [], r = e;
浏览 2提问于2019-08-28得票数 0
1回答
巴别塔7相当于巴别塔-寄存器？
、、、、
我正在通过构建一个Webpack 4& Gulp 4样板来学习如何使用Webpack 4。吞咽处理萨斯等和Webpack处理JS。
我遵循的教程为我提供了在构建过程中运行以下命令：
NODE_ENV=production gulp build --require babel-register --gulpfile tasks
这是有道理的，然而，我所遵循的教程在示例中使用了Babel 6。我已经使用@babel/core和@babel/preset-env而不是babel-core和babel-preset-env将我的项目升级到了Babel 7。
但是，这意味着构建命令的--requ
浏览 5提问于2019-01-09得票数 0
下面是我用来准备生产脚本的webpack配置
config.output.filename = '[hash].main.js';
config.module.loaders.push({
test: /\.js$/,
loaders: ['babel'],
exclude: /node_modules/,
include: path.join(__dirname, 'app'),
});
然而，出于调试的目的，我希望能够在没有任何缩小或优化的情况下生成最终的输出xxxx.main.js。
通过上面的
浏览 1提问于2017-04-09得票数 8
回答已采纳
我试图部署在Heroku上，在那里我得到了以下错误：remote: Failed to minify the code from this file: remote: ./node_modules/webhoseio/webhoseio.js:13
在检查此依赖项时，我发现它使用了ES5 'use strict';声明。如何让Heroku编译这个依赖项？
编辑: Package.json文件{ "name": "stocks-app", "version": "1.0.0", "descrip
浏览 0提问于2018-12-15得票数 0
回答已采纳
我刚刚将项目中旧的css和js构建过程从grunt (以及less中的css )迁移到了webpack 5(以及scss中的css )，一切似乎都很好。然而，有一个问题:有时看起来不像这样 ? 下面是DevTools中的心的样子： .fa-heart:before {
content: "";
} fontawesome网页字体似乎没有正确加载，而是像这样加载 ? 当我在DevTools中检查它时，它看起来像这样 .fa-heart:before {
content: "";
} 我本以为会看到 .fa-heart:be
浏览 20提问于2021-04-28得票数 1
1回答
我安装了下面的babel模块 npm install babel-cli babel-preset-env babel-preset-minify --save-dev 而package.json有 "scripts": {
"build": "babel src -d dist --copy-files"
} 当我使用以下.babelrc配置运行构建时 {
"presets": [
"env"
],
"comments": false
} 它在dist目录中生成非最小化的
浏览 22提问于2020-06-28得票数 1
4回答
我创建了一个基于Webpack的应用程序。现在我想部署应用程序。这意味着我想要为生产环境创建一个bundle.js。
做这件事最好的方法是什么？我已经通过设置参数--optimize-minimize和-p --尝试过了。尽管如此，bundle.js有将近2M的内存，这使得网站的加载速度非常慢。
此外，我想摆脱的bundle.js，并由一些和一些模块取代它。
我的节点依赖项是："devDependencies": { "babel-core": "6.9.0", "babel-eslint": "5.0.4
浏览 2提问于2016-07-12得票数 0
我想要创建一个npm库，它使用ES导入/导出来交付模块，而不是使用公共ES(例如，lodash-es )。如果我没有弄错，那么交付的代码必须是ES5，并且具有导入/导出。
我不知道怎么配置Babel来完成这个任务。我希望选项能做到这一点。
当我在calc.js中有以下代码时
// calc.js
export function add (a, b) {
const result = a + b
return result
}
和babel配置.babelrc
{
"presets": [
[
"@babel/preset-env&
浏览 0提问于2019-08-03得票数 4
回答已采纳
我正在学习一个关于webpack的教程，但似乎本教程使用的是webpack的旧版本。我试图最小化.js文件，但是每次运行npm run webpack时，我都会在控制台中得到以下错误消息：
webpack.optimize.UglifyJsPlugin已被删除，请改用config.optimization.minimize。
我该如何使用config.optimization.minimize呢？我在谷歌上搜索了一段时间但没有成功..。我需要在我的webpack.config.js中改变什么？
这是我的webpack.config.js
const path = require(
浏览 1提问于2018-03-01得票数 2
回答已采纳
1回答
我是nodejs框架.I中的新手，我读过本教程，但我想知道如何在节点js中创建构建，换句话说，我需要一个创建构建文件夹的script。
我遵循这些步骤
在根目录中创建index.js添加一些代码.
然后添加这一行代码
从‘express’导入快递；const app = express()；
app.listen(3000，函数() { console.log(app is listening on 3000) })
在我的package.json中我添加了start和build脚本
"scripts": {
"start": "nod
浏览 0提问于2019-11-26得票数 0
在React项目中使用了Webpack 4，所以使用的NPM包很少，但是包的大小很大--比如6MB。
我已经阅读了Webpack 4的文档，以了解如何缩小和构建生产就绪包，但文件大小似乎并没有减少那么多。
我也尝试过拆分捆绑包，但没有真正成功。例如，试图将所有与React相关的包放在一个包中，但这破坏了web应用程序-浏览器抛出错误，说它找不到包。不过，我可能做错了什么！
因此，我正在寻找一些帮助来改进我的构建设置，并将文件拆分成更小的文件，通常只是让事情变得更好。
我的Webpack 4配置文件：
const path = require('path');
const pre
浏览 0提问于2018-07-27得票数 0
1回答
当我们创建React应用程序，时，我们需要将jsx转换为js，babel就是这样做的。
我们也可以使用gulp或webpack来构建浏览器可以执行的最终代码。
对于React-Native，，我们仍然使用包含"react-native"的、jsx、和.babelrc文件作为仅需的预置。很明显，babel正在将jsx转换为本机代码。
我的查询是“ReactNative?".正在使用哪个bundlerbabel如何使用jsx将其转换为本机代码？ReactNative是在用吞咽，咕噜，webpack还是别的什么吗？
如果是，如何自定义此配置？哪个文件可用于此目的？(说我想
浏览 7提问于2017-03-01得票数 1
在构建.json代码时，有几个类似的问题与导入或需要JSON ( TypeScript )文件有关。我的问题是，具体而言，需要在ES6模块中使用Babel (core和cli)转换到当前节点目标中的JSON文件。我没有看到任何配置选项像类型记录的resolveJsonModule为Babel，这使我相信它应该工作，没有任何配置。
我正在从同一个目录中的JS文件(index.js)导入一个JSON文件(index.js)，方法是：
const myObj = {};
myObj.myJSON = require("./example.json");
我还尝试使用更新的ES6语法导
浏览 4提问于2022-01-12得票数 3
回答已采纳
预期：
在添加decko (对装饰师的支持)以及在我的tsconfig.js中添加对experimetalDecoractors的支持以及在package.json中使用@babel/plugin-proposal-decorators之后。
我的构建应该在创建PR之后构建和部署良好，这也是因为应用程序在本地运行得很好。
结果：
实际上，构建会出现以下错误：
目前还没有启用对试验性语法“修饰器-遗留”的支持
PR:
构建：
实际上，我在本地也有相同的错误，但是我通过添加@babel/plugin-proposal-decorators包和更新package.json来修
浏览 0提问于2019-01-23得票数 2
回答已采纳
4回答
我正在学习react，我关注的在线课程使用的是webpack。我没有给我的webpack.config添加任何缩小或升级选项，但我的bundle.js仍然缩小了。我不确定为什么或如何关闭它。我附上了我的webpack.config.js和package.json。谢谢你的帮助。
const path = require('path');
module.exports = {
entry: './src/app.js',
output: {
path: path.join(__dirname, 'public'),
f
浏览 30提问于2018-04-01得票数 11
回答已采纳
我正在尝试集成一个没有公共可用类型定义的JavaScript库()。
基本上，库导出的内容如下所示：
export default (config) => {
const instance = SomeConstructorFunction(config);
return instance;
}
我不知道如何为这个函数正确地创建一个类型定义(.d.ts)；或者当我导入时，tsc编译，我没有定义，或者tsc不会编译。
对于这个实例，.d.ts编译：
declare module 'bricks.js' {
export class Bricks {
浏览 2提问于2016-06-05得票数 2
回答已采纳
1回答
我相信这也是不可能的
我使用webpack和babel-preset-es2015 & babel-preset-react，并试图使用路由之间传递的数据动态构建表单。
页面加载< Form />
<Form data={
[
{
element: 'input',
type: 'text',
placeholder: 'Jamie is
浏览 1提问于2016-04-26得票数 1
在运行docker-compose up时，我在构建我的nodejs代码时一直会收到一个babel错误，因为它是用ES6编写的，是用导入而不是const编写的。
巴贝尔server.js -d dist && babel src -d dist/src
巴贝尔: server.js不存在
我的目录结构是：
server.js
src
- all other js files
我应该如何设置我的Dockerfile，因为我在创建容器时显然不了解文件位置。
到目前为止，我已经尝试将构建位置移动到dist文件夹，而不是build，但这只是一个文件重命名。我
浏览 0提问于2019-04-11得票数 0
回答已采纳
1回答
我正在使用create-react-app创建库。当我的构建脚本应该将所有内容从src/lib复制到dist时，它没有执行任何操作。我安装了最新的@babel/cli。
"scripts": {
"start": "react-scripts start",
"build": "SET NODE_ENV=production babel src/lib --out-dir dist --copy-files",
"test": "react-scripts tes
浏览 0提问于2019-04-12得票数 0
1回答
我需要一些帮助来捆绑我的产品来生产，但我不知道如何。这是我的webpack.config.js
module.exports = {
devtool: 'eval',
context: __dirname,
entry: "./js-source/index.jsx",
output: {
path: __dirname + "/scripts",
filename: "bundle.js"
},
module: {
loaders:
浏览 9提问于2017-07-05得票数 2
1回答
我目前正在研究DAWGs，但我还没有找到一个构建非循环自动机的好方法。
所以基本上，我想做的是：
它基本上是一棵树，其中状态的数量减少了。我会把它用在数字上，但概念是完全相同的。
我想知道最快的方法是什么，我的实际计划是构建左侧所示的图形，然后查看低级别的状态，当它们相似时将它们合并。
虽然，我不确定这是最好的方法，但有谁知道如何构建它。
致以问候。
浏览 0提问于2013-10-09得票数 5
我已经阅读了关于如何向项目中添加外部js文件的角cli和其他链接，因此最后将其添加到ange-cli.json中的脚本标记中。
我正在使用yFiles图形库。我已经在角-cli.json中向脚本数组中添加了10个已缩小的js文件。
做完后
ng build --aot --prod
最终构建的scripts.bundle.js大小大于4MB，这使得我的应用程序加载慢/慢初始呈现只是因为这个文件。在显示初始screen...But之后，对于如何加载这些文件，任何帮助都很好，如果我只想在初始屏幕上使用这些库呢？
我现在有一个加载屏幕，在进入我的应用程序之前，它在第一次加载时有大约15-18秒的时间
浏览 3提问于2017-09-08得票数 0
1回答
缩小/丑化我的应用程序
、、、、
我想在Chrome/Firefox上运行的应用程序是：
书写成绩单
使用反应
用es编写的下一个功能(模块、导入等)
具有一些普通js文件的导入。
webpack 3
我可以在不缩小的情况下构建和运行我的应用程序，但是当我试图缩小/丑化时，用--optimize-minimize给webpack打电话，我得到：
./dist/app.js中的错误来自UglifyJs意外令牌: name (App) ./src/app.tsx:34,0
是什么导致了这一切？
我知道这个可能很难回答，但我要找的是一个应用程序的配置，它使用了与我相同的项目列表，这样我就可以复制它
浏览 3提问于2017-10-20得票数 1
我对npm run build有异议，它实际上调用了vue-cli-service build。我的目标是删除生产构建中的console语句。然而，第一次失败。如果我立即再次运行它(没有代码更改)，它就会成功。
为了重现性和隔离性，我在节点停靠程序中运行代码：
docker run --rm -it -v "$(pwd):/usr/src/app" node:14.4.0 /bin/bash
在码头，我设置了环境
npm ci
在干净的环境中，运行构建失败：
root@bd366b5873ca:/usr/src/app# npm run build
> my-app@0
浏览 1提问于2020-06-21得票数 3
回答已采纳
我有一个独舞(通过)。其中一个工作空间是通过创建的一个React应用程序(我认为这很重要，因为CRA将Webpack/Babel放在自己的node_modules中)。另一个工作区是一个纯JavaScript包，它有自己的Webpack + Babel工具集。
我的问题是，当我从纯JavaScript工作区启动构建时，我得到以下内容：
但是，当我将工作区分离到独立目录(使用复制/粘贴)并从那里构建时，它构建得非常好。
所以我的猜测是单体本身出了点问题。我还注意到指定的工作区在本地@babel中缺少babel-runtime和regenerator-runtime，所以我从monore
浏览 1提问于2020-01-16得票数 3
回答已采纳
我们使用grunt作为任务运行程序，并使用与openui5开发人员推荐和使用的相同设置。
我们希望在构建应用程序时添加babel-poly填充(这样我们就可以使用最新的javascript特性)，就像您如何使用webpack一样。谢谢你提前给我答复。
浏览 0提问于2018-02-02得票数 1
回答已采纳
我正在构建一个npm项目(ModuleA)，并将发布到npm注册表。它使用带有webpack4和babel7的javascript。它本身运行良好，但当我尝试从不同的模块测试该项目时，会出现一些babel问题。测试项目使用的是带有webpack2的babel 6.26.3。当我构建测试项目时，我得到以下错误：
ERROR in /Users/dev/moduleA/build/index.js
Module build failed: Error: Requires Babel "^7.0.0-0", but was loaded
with "6.26.3".
浏览 0提问于2019-01-12得票数 1
我对NPM脚本和Babel都很陌生。我以前使用过Gulp，但我试图转向Webpack + NPM脚本，甚至NPM只是在Webpack不需要的时候构建。这就是后者的一个例子。
我想
使用我的主ES6+ JS文件src/main.js
使用babel生成一个相当现代化的脚本文件docs/main.js，目标如下:浏览器：“Chrome >= 60”、“Safari >= 10.1”、“iOS >= 10.3”、“火狐>= 54”、“边缘>= 15”，
再次使用babel生成一个更“遗留”版本的脚本docs/main.legacy.js，其目标如下：
浏览 0提问于2018-08-25得票数 3
回答已采纳
我有一个带有节点服务器的React应用程序，几天前我的产品包非常好，但最近我的产品包被损坏了。然而，我的dev包工作得非常好。有没有人可以看看我的配置，看看我做错了什么。提前谢谢。
我的package.json文件是：
{
"name": "advocacy-app",
"version": "0.0.1",
"description": "Advocacy is a platform that helps you amplify the impact of your top advocates
浏览 1提问于2020-03-22得票数 0
我有一个Rails 6项目，我正在学习Rails 5.1中的敏捷Web开发(5.1)一书，并且在构建和测试中使用了循环CI。我基本上会在帖子的末尾列出我所有的问题。
下面是我在circle.yml中安装webpacker的部分
- run:
name: Install webpacker
command: bundle exec rails webpacker:install
那很好直到我们安装了反应。我们已经使用rails webpacker:install:react安装了React。在安装React之后，我将代码推送到GitHub，然后CircleCI开始构建环境，但是当
浏览 3提问于2021-04-21得票数 0
回答已采纳
我能够修改项目的*.proj文件，以包括巴别塔构建目标。
<Import Project="C:\Program Files\Babel\MSBuild\Babel.Build.targets" />
这是有效的，但对于调试和发布构建都会执行babel。我想让babel只混淆发布版本。根据手册的第82页，我应该包括以下代码。
<Import Project="C:\Program Files\Babel\MSBuild\Babel.Build.targets" />
<Choose>
<When Condition=&#
浏览 0提问于2011-08-26得票数 1
当我试图运行“”时：
"start": "npm run build && node ./dist/index.js",
"dev": "nodemon --exec babel-node ./index.js",
"debug": "node --inspect-brk ./dist/index.js",
"clean": "rm -rf build && mkdir build",
"
浏览 1提问于2019-08-12得票数 1
2回答
我有多个项目在一个单一项目：app1 app2 app3，每个应用程序都是由webpack和babel构建的。
我希望在应用程序之间创建一个具有共享组件的共享目录，因此我在monorepo中创建了另一个目录shared。
(我在每个项目npm i ../shared中执行)
但是当我在其中一个应用程序中从shared导入组件时，babel抛出一个异常：Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformati
浏览 8提问于2021-06-15得票数 5
1回答
我已经创建了一个导出两个不同WebPack配置对象的webpack.config.js文件。我需要为这些预设设置不同的巴别塔选项。经过一些研究，我尝试创建了两个不同的加载器配置，每个都将一个不同的targets选项传递给预设，如下所示： // default JS loader config for browsers that support <script type='module'
{
loader:'babel-loader',
options:{
presets: ['@babel/preset-env&#
浏览 36提问于2019-04-12得票数 2
回答已采纳
我已经创建了一个npm库，在那里我正在探索使用汇总进行捆绑。下面是配置：
import babel from 'rollup-plugin-babel';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import { terser } from 'rollup-plugin-terser';
import { sizeSnapshot } from 'rollup-plugi
浏览 0提问于2018-09-24得票数 2
回答已采纳
1回答
我需要测试项目中的所有CSS/SCSS文件是否在.Net MVC应用程序的构建过程中都被成功地缩小，或者至少测试它们是有效的CSS。
目前，项目是在VSO/VSTS中构建的，CSS中的语法错误不会导致构建失败，应用程序部署时CSS已损坏。
我对.Net应用程序知之甚少，我知道主项目是ProjectName.Web，测试是ProjectName.Web.Test，如果我想测试什么，我会在".Test“项目中创建一个相应的"-Test”类，但是我应该在哪里放一个测试来缩小文件？文件捆绑在ProjectName.Web/App_Data/BundleConfig中，使用BundleT
浏览 1提问于2018-09-19得票数 0
2回答
我目前正在尝试用巧妙的js制作一个游戏，但我被精灵动画卡住了。我真的不知道我做错了什么。
下面是工作代码：
下面是我如何在我的加载场景中加载sprite：
Crafty.scene('Loading', function(){
// Draw some text for the player to see in case the file
// takes a noticeable amount of time to load
Crafty.e('2D, DOM, Text')
.text('Loading...')
.attr({ x: 0,
浏览 1提问于2013-08-31得票数 1
我使用webpack4构建自己的js库，并将构建的js添加到我的页面中。 当我在控制台上输入window.wwsLogin( libraryName)时，结果是be Module {default: {…}, __esModule: true, Symbol(Symbol.toStringTag): "Module"} window.wwsLogin.default是正确的输出，但我只想在window.wwsLogin中使用它，如何修复它？ 这是我的webpack配置： entry: './lib/index.js',
output: {
filen
浏览 8提问于2019-04-25得票数 0
我不能从我的本地节点模块文件夹运行babel-cli。
我使用以下命令在本地节点模块文件夹中安装了babel-cli：
npm install babel-cli --save-dev
这样我就不必全局安装babel了。我可以看到它安装在node_modules中，并被添加到package.json文件中。
"devDependencies": {
"babel-cli": "^6.18.0"
}
当我使用以下命令构建时
babel app.js -o build/app.js
我收到一条信息说巴别塔
The program 'bab
浏览 5提问于2016-10-26得票数 2
我正在一个javaScript / react操场上工作(类似于非常简单的codesandbox.io)，我正在努力弄清楚如何转换代码。我正在考虑使用Babel转换，但应用程序本身是使用创建-反应-应用程序构建的，因此我无法访问Babel。我的问题是，如果我执行如下操作并安装Babel，它是否也会覆盖create app当前如何传输应用程序的代码？
// transpile.js
const babelOptions = {
presets: [ "react", ["es2015", { "modules": false }]]
}
ex
浏览 0提问于2020-04-16得票数 0
回答已采纳
1回答
在我的当前项目中，我们在babel-core: '6.5.2'文件中列出了精确版本(例如，__)的依赖项。
但是在最近的项目构建(包括在构建机器上运行npm install )之后，一些节点模块被更新了，我们的工件也被破坏了。
研究表明，虽然我们有package.json文件中提到的确切版本，但所需模块可能通过其依赖关系而对自身具有依赖性，而且它们都使用插入符号依赖项。在我们看来
babel-core: '6.5.2'取决于
babel-register: '^6.16.0'取决于
babel-core: '^6.9.0
浏览 1提问于2017-08-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
