// rollup.config.jsimportservefrom'rollup-plugin-serve'exportdefault{input:'src/main.js',output:{file:'dist/bundle.js',format: ...},plugins:[serve('dist')]} Options By default it serves the current project folder. Change it by passing a string: ...
使用@rollup/plugin-terser进行打包代码压缩。 npm i @rollup/plugin-terser --save-dev // rollup.config.js 配置 import terser from '@rollup/plugin-terser'; export default { plugins: [ terser(), ], } 开启本地服务器 & 热更新 rollup-plugin-serve 开启本地服务器 rollup-plugin-livereload 开启热...
上面的plugin都是写到一块的,没有区分开发模式或者生产模式,每次编译都会用到所有的插件,我们可以通过参数来做一个区分。 // 在 package.json 中定义指令"scripts": {"build":"npx rollup -c --environment NODE_ENV:production","serve":"rollup -c --environment NODE_ENV:development -w"},// rollup.c...
1、使用 rollup-plugin-serve 搭建服务 sh npm install rollup-plugin-serve -D 12、当文件发生变化时,自动刷新浏览器 sh npm install rollup-plugin-livereload -D 13、启动时,开启文件监听 sh npx rollup -c -w 1 环境区分 1、在 package.json 中创建一个开发和构建的脚本:2...
rollup-plugin-serve、rollup-plugin-livereload 这两个插件常常一起使用,rollup-plugin-serve用于启动一个服务器,rollup-plugin-livereload用于文件变化时,实时刷新页面。 import serve from 'rollup-plugin-serve' import livereload from 'rollup-plugin-livereload' ...
// rollup.config.jsimportservefrom'rollup-plugin-serve'exportdefault{input:'src/main.js',output:{file:'dist/bundle.js',format: ...},plugins:[serve('dist')]} Options By default it serves the current project folder. Change it by passing a string: ...
rollup-plugin-serve、rollup-plugin-livereload 这两个插件常常一起使用,rollup-plugin-serve用于启动一个服务器,rollup-plugin-livereload用于文件变化时,实时刷新页面。 importservefrom'rollup-plugin-serve'importlivereloadfrom'rollup-plugin-livereload'exportdefault{ ...
上面的plugin都是写到一块的,没有区分开发模式或者生产模式,每次编译都会用到所有的插件,我们可以通过参数来做一个区分。 // 在 package.json 中定义指令"scripts":{"build":"npx rollup -c --environment NODE_ENV:production","serve":"rollup -c --environment NODE_ENV:development -w"},// rollup.con...
import{terser}from'rollup-plugin-terser';...plugins:[terser(),]... 需要rollup版本2.x 开启本地服务 和webpack一样,rollup也可以开启本地服务,方便我们在本地调试组件库等。 需要安装rollup-plugin-serve、rollup-plugin-livereload 这两个插件常常一起使用,rollup-plugin-serve用于启动一个服务器,rollup-plug...
第一步:使用rollup-plugin-serve搭建服务 npm install rollup-plugin-serve -D 第二步:当文件发生变化时,自动刷新浏览器npm install rollup-plugin-livereload -D 第三步:启动时,开启文件监听npx rollup -c -w 区分开发环境 我们可以在package.json中创建一个开发和构建的脚本:...