Rollup命令--file参数作用及icons.js中export语句移除方法

1. --file参数的作用 #

--file 是Rollup的输出路径指定参数，用来告诉Rollup把打包后的代码写入到你指定的文件（这里是./dist/icons.js），而不是默认输出到控制台（标准输出）。

2. 为什么生成的文件里有export {..}语句 #

因为你在命令里指定了--format es，也就是采用ES模块格式输出。Rollup会遵循ES模块规范，只要你的入口文件./generated_js/index.js里存在导出逻辑，或者Rollup分析后判定需要对外暴露模块内容，就会在输出文件中保留export {..}语句——这是ES模块用来对外暴露变量/方法的标准写法。

3. 如何移除export {..}语句 #

有两种简单直接的方式：

• 修改输出格式：把--format es替换成--format iife（立即执行函数格式），这种格式会把代码打包成自包含的独立函数，不会保留ES模块的导出语句。同时--name "svgs"会将模块内容挂载到全局变量svgs上，修改后的命令如下：

  "scripts": {
      ...
      "build:icons": "rollup ./generated_js/index.js --file ./dist/icons.js --format iife --name \"svgs\""
    },
  

  如果不需要全局变量，也可以用--format umd，不过iife更适合浏览器环境的无依赖场景。
• 使用Rollup插件：如果需要保留部分格式特性，可以用专门移除导出语句的插件（比如rollup-plugin-remove-exports），不过对于简单需求，直接修改输出格式成本更低。

内容的提问来源于stack exchange，提问作者happy_story