龙岩市网站建设,做个平台网站怎么做的,上海市住房和城乡建设厅网站查询,网站建设方法周末在家重构网关的Npm包#xff0c;用到了rollup#xff0c;记下笔记 rollup适合库library的开发#xff0c;而webpack适合应用程序的开发。 rollup也支持tree-shaking#xff0c;自带的功能。 package.json 也具有 module 字段#xff0c;像 Rollup 和 webpack 2 这样的… 周末在家重构网关的Npm包用到了rollup记下笔记 rollup适合库library的开发而webpack适合应用程序的开发。 rollup也支持tree-shaking自带的功能。 package.json 也具有 module 字段像 Rollup 和 webpack 2 这样的 ES6 感知工具(ES6-aware tools)将会直接导入 ES6 模块版本。 module: cjs / es / umd / iife / amdmodule: umd 要指定name即暴露的对象名{output: {file: dist/index.umd.js,format: umd,name: ClientApi}
}
复制代码配置文件 rollup.config.js $ rollup -c # compile
$ rollup -c -w # compile and watch
复制代码rollup -w时会抛出ROLLUP_WATCH环境变量为true plugins 插件执行顺序从上至下使用 rollup-plugin-json令 Rollup 从 JSON 文件中读取数据。Rollup 可以通过插件(rollup-plugin-node-resolve)导入已存在的 CommonJS 模块。rollup-plugin-commonjs 插件就是用来将 CommonJS 转换成 ES2015 模块的。rollup-plugin-uglify压缩代码 import {uglify} from rollup-plugin-uglify, uglify()使用 Babel 和 Rollup 的最简单方法是使用 [rollup-plugin-babel]github.com/rollup/roll…{presets: [[latest, {es2015: {modules: false}}]],plugins: [external-helpers]
}
复制代码我们设置modules: false否则 Babel 会在 Rollup 有机会做处理之前将我们的模块转成 CommonJS导致 Rollup 的一些处理失败。 others external配置在生成module文件时可以用到避免生成文件里有引用的包
