如何使用 Webpack 2 将 'require' 或 'import' 插入 js 文件？答案

【问题标题】：How to insert 'require' or 'import' into js file with Webpack 2?如何使用 Webpack 2 将 'require' 或 'import' 插入 js 文件？
【发布时间】：2017-08-24 19:52:36
【问题描述】：

问题

假设我有这样的模块结构：

./app-- 文件.js |- 一些.js |- foo.js |- and-so-on.js

在每个文件中，我必须写一些相同的行，如下所示：

导入 Foo, { baz, bar } from 'foo'; 从“费用”中导入费用；导入'zee'；

我觉得自己很懒，不想手工做这样的套路。

问题

我如何在 Webpack 2 的帮助下自动完成这项工作，这样我就不需要一次又一次地编写相同的东西？

【问题讨论】：

标签： javascript import configuration webpack require

【解决方案1】：

你可以使用 index.js 文件到你的目录中：

import Foo from './foo'
import Bar from './bar'
// etc
export Foo
export Bar
// etc

并从其他文件中导入：

import * from 'your-dir'

【讨论】：

我已将路径更改为 Foo 可能会有所帮助，并且不要忘记为您的目录设置正确的路径。如果它不起作用，请向我提供有关您的文件结构和收到的错误的更多信息
这个import * from 'your-dir' 会引发解析错误，因此不起作用。我没有让它工作。每个人都说，由于可能的变量冲突，不可能从模块中导入所有内容。 export Foo 抛出同样的错误。但是，下一个代码将工作 export { Foo }。问题是如何使用 Webpack 添加所有这些东西。但是我不得不深入研究导入/导出功能并学到了一些新东西，所以还是感谢你的帮助）
不小心我的第一条评论，所以我又写了一条）
哦，是的，我忘记了：import * as libs from 'your-lib-dir' 这是正确的方法，但我认为它没用......所以也许最好的方法是不要偷懒）祝你好运）