我正在为React项目设置Webpack配置，并且希望能够像这样导入我的组件：
import ComponentName from "components/ComponentName"
而不是像这样：
import ComponentName from "../../components/ComponentName"
（所有这些都假设我的components目录位于src目录中）
进行了一些研究，到目前为止，我已经找到了两种使用Webpack实现此目的的不同方法：
src使用以下resolve.modules选项使Webpack解析目录中的模块：
resolve: {
modules: [ path.resolve(__dirname, "src"), path.resolve(__dirname, "node_modules")]
}
使用Alias选项将我的组件目录命名为别名：
resolve: {
alias: {
components: path.resolve(__dirname, 'src/components/'),
}
}
因此，我的问题是，使用一种特定方法相对于另一种方法是否有任何优势？
提前致谢
使用别名时，您可以像这样导入代码
resolve: {
alias: {
AliasName: path.resolve(__dirname, 'src/components/'),
}
}
import Comp from 'AliasName/Comp'
当您不使用别名时，您的代码将如下所示
resolve: {
modules: [ path.resolve(__dirname, "src"), path.resolve(__dirname,
"node_modules")]
}
import Comp from 'components/Comp'
我会使用别名，因为它看起来更整洁，但是并没有真正的优势。只是外观
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句