是否可以像使用 Browserify 一样使用 Webpack 进行自定义导入？

Question

所以在我的项目中，我倾向于有很多自定义脚本，以及组件等。

我真的不喜欢这种导入东西的模式：

import Navigation from '../../Navigation/Navigation.js

/* or */

import Navigation from 'src/universal/components/Navigation/Navigation.js'

是否可以像使用 Browserify 一样通过 Webpack 声明入口点？我现在正在进行切换，如果不可能的话，我会非常想念这个功能

使用 Browserify，声明自定义导入就像将其包含在 package.json:

中一样简单

"browser": {
  "navigation": "src/universal/components/Navigation/Navigation"
}

然后，要导入到任何地方，就这么简单：

import Navigation from 'navigation'

如何通过 Webpack 做到这一点？

Answer 1

你可以尝试使用resolve.alias

resolve.alias - Replace modules by other modules or paths.

webpack.config.js

resolve: {
  alias: {
     navigation: 'src/universal/components/Navigation/Navigation'
  }
}