如何用 Rollup 替换浏览器包的来源？

Question

使用汇总是否可以在浏览器捆绑期间用 NPM 包中的另一个源替换特定源？请注意，此源是通过 import('./relativeFile.js') 动态导入的（我希望将其替换）。

我已经在 node_modules 之一的 package.json 中指定了 { "browser": { "./relativeFile.js": "./browserFile.js" } } 以查看它的运行情况，但 Rollup 仍然捆绑 ./relativeFile.js。感谢您的帮助。

Answer 1

使用 nodeResolve and replace 插件表明它是一个浏览器包。然后 Rollup 将用 Web 浏览器源替换节点源。

import { nodeResolve } from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';

export default {
  plugins: [
    nodeResolve({
      browser: true,
    }),
    replace({
      values:{
        'process.browser': true,
      },
    }),
  ],
};

如何用 Rollup 替换浏览器包的来源？

How to substitute sources for browser bundle with Rollup?

javascript

node.js

npm

rollupjs