rollup之devServer

搭建rollup开发环境需要用到下面两个插件

  • rollup-plugin-serve用于启动一个服务器,
  • rollup-plugin-livereload用于文件变化时,实时刷新页面。

第一步:使用rollup-plugin-serve搭建服务
npm install rollup-plugin-serve -D

第二步:当文件发生变化时,自动刷新浏览器
npm install rollup-plugin-livereload -D

第三步:启动时,开启文件监听 rollup --config --watch

plugins: [
  ......
  serve({
    port: '8090',
    contentBase: './dist'
  }),
  livereload('dist')
]

rollup --watch监听文件改动重新打包到dist,livereload监听dist变化然后刷新浏览器。