網站搜尋

typescript - 在 Javascript 中的路徑映射?


我目前正在進行一個 JavaScript 專案。我通常使用 TypeScript,而 TypeScript 有路徑映射功能。JavaScript 有類似的功能嗎?

TS 路徑映射:

"compilerOptions": {
        "baseUrl": "src",
         ...
        "paths": {
            "@app/*": ["app/*"],
            "@config/*": ["app/_config/*"],
            "@environment/*": ["environments/*"],
            "@shared/*": ["app/_shared/*"],
            "@helpers/*": ["helpers/*"]
        },
        ...

答案#1

在 Webpack 中,這個功能可以透過 resolve.alias 使用。配置方式類似,例如透過 webpack.config.js:

const path = require('path');

module.exports = {
  resolve: {
    alias: {
      "@app": path.resolve(__dirname, 'app/'),
      "@config": path.resolve(__dirname, 'app/config/'),
      "@environment": path.resolve(__dirname, 'environments/'),
      // Etc
    },
  },
};