rollup-plugin-serve 配置

`rollup-plugin-serve` 是一个 Rollup 插件，用于在开发过程中充当本地 Web 服务器。它可以让您在本地运行开发版本的应用程序，而无需在每次更改代码时都重新构建并重新加载网页。以下是一个简单的 `rollup-plugin-serve` 配置示例：

```js

// rollup.config.js

import serve from 'rollup-plugin-serve';

export default {

input: 'src/main.js',

output: {

file: 'public/bundle.js',

format: 'cjs'

},

plugins: [

serve({

open: true,

contentBase: ['public'],

port: 3000

})

]

};

```

在这个例子中，我们在 Rollup 配置文件中添加了 `rollup-plugin-serve` 插件，并提供了一些配置选项。以下是一些重要的选项：

- `open`：当服务启动时，自动在浏览器中打开相应的页面。

- `contentBase`：指定要服务的文件目录。在这个例子中，设置为 `public` 目录。

- `port`：指定要使用的端口号。

- `host`：指定要使用的主机名。

默认情况下，`rollup-plugin-serve` 将使用您配置的端口号和主机名，在本地启动一个 Web 服务器，并提供指定目录的文件访问。如果您在浏览器中访问服务器的 URL，将可以看到您的应用程序的开发版本。

除了以上配置选项，`rollup-plugin-serve` 还提供许多其他选项可以自定义服务器行为。可以查看官方文档以了解更多详细信息。

总之，`rollup-plugin-serve` 可以令您的开发过程更加高效，有效的加快应用程序的开发过程，并提高开发效率。