`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` 可以令您的开发过程更加高效,有效的加快应用程序的开发过程,并提高开发效率。