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

Question

因此，在我的项目中，我倾向于拥有大量自定义脚本以及组件等。

我真的不喜欢这种导入内容的模式：

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

/* or */

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

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

使用Browserify，声明自定义导入就像在package.json中包含此内容一样简单：

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

然后，要在任何地方导入，它就像：

一样简单

import Navigation from 'navigation'

如何通过Webpack执行此操作？

Answer 1

您可以尝试使用resolve.alias

  

resolve.alias - 用其他模块或路径替换模块。

webpack.config.js

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