问题标签 [babel-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1465 浏览

reactjs - 没有 React 或 React Dom 的 Webpack 捆绑 JS

我想使用 webpack 将我的 JS 捆绑在一起作为一个 React 组件,但不包括 React 或 React Dom,只是我自己的 React 代码。

这个想法是我可以在网页上使用 RequireJS 分别加载 React 或 React Dom,因为我正在将组件添加到 Magento2,它使用这种方法来添加 JS 依赖项。我的想法是,如果我以这种方式添加另一个组件,我不想将 React 库添加两次。

我想我需要使用不同的babel loader或传递一些其他选项?

这是我的webpack.config

它可以工作,但正如我所说,它在生成的js/react-component.js文件中包含完整的反应库。有什么建议我该怎么做?

0 投票
0 回答
1399 浏览

webpack - webpack 上下文和 resolve.modules 不解析 node_modules

我正在尝试将 webpack 引入具有以下文件夹结构的遗留项目:

每次我在项目文件夹中运行 webpack --config webpack.config.js 时,我都会收到以下错误:找不到入口模块中的错误:错误:无法解析 ......\web 中的'babel-loader\。

我将上下文设置为 web 文件夹,因为它是配置和 src 的父级。我还将 src 和 node 模块都添加到了 resolve.modules 属性中。是否有我缺少的配置?

我的 webpack 配置:

包.json:

提前致谢!

0 投票
1 回答
4333 浏览

javascript - 使用 create-react-app 时 .babelrc 文件的位置是什么?

我曾经create-react-app构建一个项目,并且 Babel 与安装一起打包。通常.babelrc文件位于项目的根目录中,但我在那里没有看到。我需要修改文件中的预设之一,但似乎找不到它。

我需要手动创建.babelrc文件还是已经包含在内?如果是这样,文件的位置是什么?

0 投票
1 回答
132 浏览

babeljs - How can I use babel-plugin-import with babel 5.x?

I'm trying to use babel-plugin-import to import antd in an old project that uses babel-core@5.4.7 and babel-loader@5.1.2.

How can I get babel-plugin-import to work with current configuration? Or is there any older version of babel-plugin-import plugin that would go with it?

0 投票
0 回答
328 浏览

reactjs - Babel loader 无法处理 Imports - 给出 syntaxError: unexpected ID / token

我花了两天时间尝试所有其他具有类似问题的堆栈溢出问题,但没有一个能够提供帮助。我的 babel 加载器看起来是正确的,因为我同时包含了预设和插件,以及它在模块中。

问题:所以我的应用程序加载,但我的导入失败,给我错误,例如 Uncaught SyntaxError: Unexpected token, or unexpected Identifier in the sources tab in crhome dev tools。如果我删除第一个导入,它会抱怨第二个导入,依此类推。

错误的图片示例:

以下是我拥有的配置文件,我相信我的 webpack 一定有问题,导致 babel 无法正常工作。

从一个文件导入:

Webpack.config.js

下面是我的 package.json

我的 babelrc

任何帮助都会受到重视。

0 投票
2 回答
962 浏览

webpack - Babel 和 EventTarget 的子类

我为 WebGL 程序导出了以下 JS 类:

Babel ( babel-preset-es2015) 在 webpack JS 包中生成以下代码:

.call(this)在运行时,我从上面标记的调用中收到以下错误***

我最初认为这是一个与 Webpack 相关的问题,但经过更多研究,我现在认为这个错误与 Babel 如何转译我的代码有关。

我应该启用哪些选项,babel-preset-es2015或者我应该使用不同的 babel 插件?

0 投票
2 回答
875 浏览

reactjs - 导入在 webpack 中不起作用

我是 webpack 的新手,如果我遗漏了一些非常明显的东西,我很抱歉......

我有以下结构:

在 app.jsx 我有:

我得到:

我被告知它可能与 babel 配置有关......这是我的 .babelrc:

webpack 配置中的 babel 部分:

知道什么可能导致问题吗?我没有收到任何其他错误,似乎都安装得很好,导入反应工作正常,只有从文件系统导入时它才会失败......

任何提示都会非常受欢迎!!!

0 投票
1 回答
3289 浏览

express - [Vue 警告]:找不到元素:#app Express

在新项目中,我的应用在 expressJs 服务器上找不到带有 VueJS (2.5.13) 的根元素。

我的 index.html:

我的 js 入口点:

还有我非常基础的 App.vue:

我使用 babel-loader 和 webpack。我不明白为什么 Vue 找不到#appid。

谢谢你的帮助

0 投票
1 回答
3972 浏览

typescript - 我是否需要在 tsloader 之上使用 babel-loader 来使用 webpack 转换 typescript?

我正在写使用andwebpack.config.js将 typescript(更准确地说是 tsx)转换为ES5 我有两个问题:tsloaderbabel-loader

babel-loader1)即使tsloader输出 ES5 文件,我们还需要吗?2 )设定目标何时
有意义?compilerOptions.moduletsconfig.jsones6es5

tsconfig.json如下:

提前致谢。

0 投票
1 回答
222 浏览

javascript - Babel loader 未加载表单 config.json 文件

我是使用 Reactjs 的初学者,运行 webpack 时出现以下错误:

代码:

我按照以下站点中给出的说明执行此操作:

http://blog.tamizhvendan.in/blog/2015/11/23/a-beginner-guide-to-setup-react-dot-js-environment-using-babel-6-and-webpack/

以下几行将告诉您版本详细信息