javascript - Webpack 可以执行多个条目，我如何对resolve.alias 执行相同的操作？

Question

Webpack 可以执行多个条目，如下所示:

module.exports = {
  entry: {
    pageOne: './src/pageOne/index.js',
    pageTwo: './src/pageTwo/index.js',
    }
};

但是如何为 pageOne 和 pageTwo 创建两个不同的别名？

module.exports = {
  entry: {
    pageOne: './src/pageOne/index.js',
    pageTwo: './src/pageTwo/index.js',
    }
    resolve: {
        alias: {
            aliasForPageOne: ?, // What should I do?
            aliasForPageTwo: ?,
        },
    },
};

我问这个问题是因为我想对 pageOne 使用 react ，但对 pageTwo 使用 react 别名 preact (我什至想要别名 node_modules将组件 react 为 preact)

我怎样才能实现这个目标？

Answer 1

我认为按照你的方法这是不可能的。 alias 值必须是基于 Webpack Docs 的字符串。如果你确实有两个独立的页面，你可以尝试Webpack的multiple configuration ability .

在您的情况下，这意味着类似以下内容:

// note the exported array
module.exports = [
{
  entry: {
    pageOne: './src/pageOne/index.js',
    }
},
{
  entry: {
    pageTwo: './src/pageTwo/index.js',
  },
  resolve: {
    alias: {
      'react': 'preact'
    }
  }
}
];

另一种方法是直接在 pageTwo 上的脚本中导入 preact ，但根据您的方法，我认为这在您的情况下不是有效的方法。