如何為特定的node_module設置別名

Question

我們曾經有一個文件夾，其中有一堆打字稿模塊。 現在，我們將該文件夾打包。

問題是現有代碼對該文件夾使用webpack別名，現在我希望相同的別名指向特定的node_modules文件夾，但這不起作用。

alias: {
    x: path.resolve(__dirname, "node_modules/y")
    z: path.resolve(__dirname, "node_modules/y/z")
}

應該行嗎？

編輯：確實可以。 只是打字稿還在抱怨，還需要將別名添加到tsconfig中。

Answer 1

這應該可以工作（Webpack配置的resolve鍵中的別名）：

resolve: {
    alias: {
        x: path.resolve(__dirname, "node_modules/x")
    }
}

就是說，正如MonkeyTheDev所說，將x別名為x是沒有意義的，因為這是默認行為。

Answer 2

在您的情況下，您不需要path.resolve（__ dirname，...），因為webpack會自動在node_modules文件夾中查找。

alias: {
    x: "y")
    z: "y/z")
}

Webpack將使用此代碼在您的node_modules文件夾中查找“ y”和“ y / z”，並將它們別名為“ x”和“ z”。 那么您可以像這樣import myModule from "z" ： import myModule from "z" 。

如果這不起作用，並且您正在命令行中使用webpack，則可能是webpack.config的位置不正確，它應該位於node_modules文件夾相同級別的根目錄中。