rollup ts如何配置保留console

在Rollup打包TypeScript项目时，默认情况下，它会移除所有的console.log等浏览器内置函数，以优化生产环境下的体积。如果你想在构建后的代码中保留这些console调用，可以采取以下步骤进行配置：

1. **安装插件**：首先，你需要安装`rollup-plugin-node-resolve` 和 `commonjs` 插件，它们可以帮助处理Node.js的模块导入，并允许保留console调用：

   npm install rollup-plugin-node-resolve commonjs --save-dev

2. **添加配置**：在`rollup.config.js`文件中，编写配置部分，确保包含了这两个插件：

   import resolve from 'rollup-plugin-node-resolve';
   import commonjs from '@rollup/plugin-commonjs';

   export default {
     input: 'src/index.ts', // 输入文件路径
     output: {
       file: 'dist/bundle.js', // 输出文件路径
       format: 'cjs', // 使用CommonJS格式以保持原样
     },
     plugins: [
       resolve(),
       commonjs({
         include: ['node_modules/**'], // 包含Node.js模块
       }),
     ],
   };

在`commonjs`选项的`include`属性中，明确指定要保留console调用的模块路径，通常是`node_modules`下的所有模块。

3. **启用devServer**：如果你还想要在开发环境中看到console输出，可以配置一个dev服务器，如`rollup-plugin-serve` 和 `rollup-plugin-livereload`：

   import serve from 'rollup-plugin-serve';
   import livereload from 'rollup-plugin-livereload';

   ... // 其他配置

   plugins: [
     ...,
     serve({
       contentBase: './dist', // 指定服务器内容基础目录
       port: 5000, // 端口
     }),
     livereload({ watch: 'dist' }), // 实时刷新
   ]

现在，你应该能够保留`console`调用并在开发和生产环境中正常使用它们。不过请注意，这可能会增加最终生成的JavaScript文件大小。