webpack - 使用 webpack 和 babel 构建插件 - regeneratorRuntime 是从哪里来的?
问题描述
我使用 typescript、webpack 和 babel 构建了一个传单插件。我有一个用户抱怨在尝试导入它时,他们得到了regeneratorRuntime
未定义的错误。我在测试我的插件时遇到了这个问题,但是在我的测试项目中很容易npm i regenerator-runtime
和import 'regenerator-runtime/runtime'
. 当我查看 webpack 的编译输出时,当然是 gobbledygook,我确实看到了少数regeneratorRuntime
. 但那是从哪里来的呢?我没有将它作为我的插件项目的依赖项,也没有在任何地方使用它。这是我的插件的 webpack 配置:
const path = require('path');
module.exports = {
entry: './src/index',
mode: 'production',
output: {
path: path.resolve(__dirname, 'build'),
filename: 'leaflet-topography.js',
library: 'Topography',
libraryTarget: 'umd',
},
resolve: {
extensions: ['.ts', '.tsx', '.js', '.json'],
},
module: {
rules: [
{
test: /\.worker\.js$/,
loader: 'worker-loader',
options: {
filename: 'workers/[name].js',
},
},
{
test: /\.(ts|js)x?$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
],
},
externals: {
leaflet: {
commonjs: 'leaflet',
commonjs2: 'leaflet',
root: 'L',
},
},
};
还有我的 babelrc
{
"presets": ["@babel/typescript", "@babel/preset-env"]
}
很简单,我想。regeneratorRuntime 来自哪里?通天塔装载机?如何将其打包为我的插件的内置,以便用户在使用我的插件时不必手动安装和导入它?
解决方案
推荐阅读
- powershell - 使用 Exit 与 Break 完全完成脚本运行
- html - 如何使div间隙更短?
- css - React 模拟窗口调整大小
- c# - 如何使用 web api 和 angular 从字节下载文件
- java - 在 Java SpringBoot 中从 Google Dialogflow 获取原始响应 JSON
- python - 如何将 html 输入 \t 读取为选项卡而不是 \\t
- c++ - 用于删除给定类的复制 ctor、赋值运算符的通用宏
- java - java中基于货币和当前日期查找前一个工作日的优雅方式
- python - 使用 Python 和 Selenium 将 Recaptcha 的响应(从 CapMonster 接收)提交到“g-recaptcha-response”
- python - 将 .txt 文件中的分隔数据提取到向量中