问题标签 [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.
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
文件中包含完整的反应库。有什么建议我该怎么做?
webpack - webpack 上下文和 resolve.modules 不解析 node_modules
我正在尝试将 webpack 引入具有以下文件夹结构的遗留项目:
每次我在项目文件夹中运行 webpack --config webpack.config.js 时,我都会收到以下错误:找不到入口模块中的错误:错误:无法解析 ......\web 中的'babel-loader\。
我将上下文设置为 web 文件夹,因为它是配置和 src 的父级。我还将 src 和 node 模块都添加到了 resolve.modules 属性中。是否有我缺少的配置?
我的 webpack 配置:
包.json:
提前致谢!
javascript - 使用 create-react-app 时 .babelrc 文件的位置是什么?
我曾经create-react-app
构建一个项目,并且 Babel 与安装一起打包。通常.babelrc
文件位于项目的根目录中,但我在那里没有看到。我需要修改文件中的预设之一,但似乎找不到它。
我需要手动创建.babelrc
文件还是已经包含在内?如果是这样,文件的位置是什么?
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?
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
任何帮助都会受到重视。
webpack - Babel 和 EventTarget 的子类
我为 WebGL 程序导出了以下 JS 类:
Babel ( babel-preset-es2015
) 在 webpack JS 包中生成以下代码:
.call(this)
在运行时,我从上面标记的调用中收到以下错误***
。
我最初认为这是一个与 Webpack 相关的问题,但经过更多研究,我现在认为这个错误与 Babel 如何转译我的代码有关。
我应该启用哪些选项,babel-preset-es2015
或者我应该使用不同的 babel 插件?
reactjs - 导入在 webpack 中不起作用
我是 webpack 的新手,如果我遗漏了一些非常明显的东西,我很抱歉......
我有以下结构:
在 app.jsx 我有:
我得到:
我被告知它可能与 babel 配置有关......这是我的 .babelrc:
webpack 配置中的 babel 部分:
知道什么可能导致问题吗?我没有收到任何其他错误,似乎都安装得很好,导入反应工作正常,只有从文件系统导入时它才会失败......
任何提示都会非常受欢迎!!!
express - [Vue 警告]:找不到元素:#app Express
在新项目中,我的应用在 expressJs 服务器上找不到带有 VueJS (2.5.13) 的根元素。
我的 index.html:
我的 js 入口点:
还有我非常基础的 App.vue:
我使用 babel-loader 和 webpack。我不明白为什么 Vue 找不到#app
id。
谢谢你的帮助
typescript - 我是否需要在 tsloader 之上使用 babel-loader 来使用 webpack 转换 typescript?
我正在写使用andwebpack.config.js
将 typescript(更准确地说是 tsx)转换为ES5 我有两个问题:tsloader
babel-loader
babel-loader
1)即使tsloader
输出 ES5 文件,我们还需要吗?2 )设定目标何时
有意义?compilerOptions.module
tsconfig.json
es6
es5
tsconfig.json
如下:
提前致谢。
javascript - Babel loader 未加载表单 config.json 文件
我是使用 Reactjs 的初学者,运行 webpack 时出现以下错误:
代码:
我按照以下站点中给出的说明执行此操作:
以下几行将告诉您版本详细信息