Vue3 打包lib模式读取外部配置变量 - rollup-plugin-replace

在 Vue3 中，可以通过使用'rollup-plugin-replace'插件来读取外部配置的变量。下面是一些步骤：

1. 安装'rollup-plugin-replace'插件：

npm install rollup-plugin-replace --save-dev

2. 在'rollup.config.js'文件中，添加'rollup-plugin-replace'插件的配置：

import replace from 'rollup-plugin-replace';

export default {
  // ...
  plugins: [
    // ...
    replace({
      // 外部配置的变量
      'process.env.MY_VARIABLE': JSON.stringify(process.env.MY_VARIABLE),
    })
  ],
};

3. 在代码中使用外部配置的变量：

console.log(process.env.MY_VARIABLE);

4. 在打包时，设置'MY_VARIABLE'环境变量的值：

MY_VARIABLE=my_value npm run build

这样，打包生成的'lib'文件中的代码会根据'MY_VARIABLE'的值进行替换，并且在运行时可以正确地读取外部配置的变量。