使用没有路径的模块名称导入ES6

Question

我希望能够使用没有路径的名称导入我的模块。

例如，假设我想使用：

import ViewportChecker from 'viewport-checker';

而不是

import ViewportChecker from '../ViewportChecker';

但是我想保留文件的位置，而不是创建一个新的npm模块。是否可以在package.json中将其定义为exmaple的模块？

Answer 1

您可以使用webpack的别名功能：https://webpack.js.org/configuration/resolve/#resolve-alias

Answer 2

您可以放置​​一个默认文件，其命名约定为index.js，其中包含所有导出。

喜欢：

-App
--home
---index.js // <--it will hold all the exports from otherClass.js and anotherClass.js
---otherClass.js
---anotherClass.js

现在您只需导入文件夹名称，它将自动搜索index.js文件以获取特定的导出项目。

可能看起来像这样：

import Home from './home';