繁体   English   中英

在 webpack.config.js 中导入库的推荐方法是什么?

What's the recommended way to import libraries inside webpack.config.js?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我总是在webpack.config.js中使用require调用来为我的构建工作流导入库。 但是,最近我在一个使用import的项目上工作。

一般来说,它工作正常,但似乎一些导入webpack.config.js的支持工具在其中使用导入时无法import它并出现错误:

不能在模块外使用import语句。

作为试用,我将配置更改为通过 babel 运行,它可以工作,但对我来说,使用旧的require和官方文档仍然可以使用它。

我应该回滚import以避免警告,或者如果我通过 babel 传递它并重命名为webpack.config.babel.js ,我可以毫无问题地使用它们?

1 个回复

经过一番研究,我找到了一个解决方案 - 在将 webpack 配置传递给我使用的库(eslint-import-resolver-webpack)之前,它无法加载它。

所以,我不直接加载webpack.config.js ,而是通过 babel 转译器:

const webpackConfigTranspiled = babel.transformFileSync(
  path.resolve(__dirname, './webpack.config.js'),
).code;

然后将转译的内容传递给库/工具:

settings: {
    'import/resolver': {
      webpack: webpackConfigTranspiled,
    },
    'css-modules': {
      basePath: 'src',
    },
  }
2 设置 webpack.config.js 以运行 firebase admin sdk 的正确方法是什么

现在我正在尝试为我尝试创建的 firebase 项目设置 firebase 管理员。 该项目是一个管理站点,应该将数据上传到应用程序。 重点是创建一个可信任的人可以访问的站点,这样这些人就不必登录项目所有者的电子邮件来输入这些数据。 该站点还应该帮助管理这些用户。 我需要能够使用 Firebase ...

4 Webpack.config.js配置

您好,我正在尝试安装此仓库https://github.com/aepsilon ,我运行了npm我--no-bin-links,npm我webpack -g和其他软件包,但我找不到如何配置我的webpack.config .js,因为每次运行npm时webpack-dev-server --p ...

5 webpack.config.js的问题

当我运行命令“webpack” - 一切都好,但当我运行“webpack-dev-server --content-base src --inline --hot” - 我得到错误。 可能是sytax错误,打赌我找不到问题。 我的配置: 目录结构: ...

7 Webpack找不到webpack.config.js

当我尝试运行npm脚本时,Webpack 2.2.0给了我这个错误: 找不到配置文件,也没有通过CLI选项配置输出文件名。 我已经确保webpack.config.js在src文件夹中。 这是我的项目结构。 感谢您的协助。 ...

9 Webpack 忽略 webpack.config.js

我正在关注本教程,因为我是 Webpack 的新手...我的 webpack.config.js 是: 还有我的package.json : 但显然它忽略了我的配置文件,因为当我运行npm run build它使用默认路径(entry = ./src y output = ./dist)并且 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM