yarn add rollup-plugin-terser --dev #Or with npm: npm i rollup-plugin-terser --save-dev Note: this package requires rollup@0.66 and higher (including rollup@2.0.0) Usage import{rollup}from"rollup"; import{terser}from"rollup-plugin-terser"; ...
npm install --save-dev rollup @rollup/plugin-typescript typescript tslib npm install @rollup/plugin-terser --save-dev 5.1.2、新建rollup.config.js 在项目根目录新建rollup.config.js文件,并在该文件中写入如下代码: importtypescriptfrom"@rollup/plugin-typescript"; importterserfrom"@rollup/plugin-terser...
npm i -D rollup-plugin-by-outputUsage// rollup.config.js import babel from 'rollup-plugin-babel'; import terser from 'rollup-plugin-terser'; import plugins, {file} from 'rollup-plugin-by-output'; export default { // ... plugins: plugins(babel(), [file(pkg.browser), terser()]), ...
在项目根目录下创建一个 rollup.config.js 文件,并配置 Rollup: javascript import { terser } from 'rollup-plugin-terser'; // 用于压缩代码 export default { input: 'src/index.js', // 入口文件 output: { file: 'dist/my-npm-package.js', // 输出文件 format: 'umd', // 输出格式,可以是 '...
2.rollup插件使用 为了更灵活的打包库文件,我们可以配置rollup插件,比较实用的插件有: rollup-plugin-node-resolve ---帮助 Rollup 查找外部模块,然后导入 rollup-plugin-commonjs ---将CommonJS模块转换为 ES2015 供 Rollup 处理 rollup-plugin-babel --- 让我们可以使用es6新特性来编写代码 rollup-plugin-terser ...
rollup-plugin-terser:Terser压缩代码,减小文件大小 tslib:如果在tsconfig中配置了lib就需要使用tslib依赖 typescript:使用TS语法和类型系统 工具配置 安装并了解了rollup依赖及插件后,我们就要对打包工具进行配置了 在根目录新建rollup.config.js配置文件,输入以下代码 ...
uglif插件压缩报错,替换成rollup-plugin-terser解决 最后打包成功 Unused external imports 这个问题是因为import了uglify但是没用,忽略 Circular dependencies 因为历史原因,库中有使用yss-biz这个alias,后面通过rollup-plugin-includepaths重新定义这个别名的指向,最终出现循环引用,忽略 ...
这里我们将打包成commonjs、esm和umd三种模块规范的包,然后是生产环境的配置,加入terser和filesize分别进行压缩和查看打包大小: import { terser } from "rollup-plugin-terser"; import filesize from "rollup-plugin-filesize"; import baseConfig from "./rollup.config.base"; export default { ...baseConfig,...
@rollup/plugin-commonjs:用来将 CommonJS 转换成 ES2015 模块 @rollup/plugin-json:让 Rollup 从 JSON 文件中读取数据 rollup-plugin-terser:最后用于混淆代码 更详细的说明可以在这里看到:Rollup 与其他工具集成。 然后,我们在 Rollup 里配置这些插件:
整个工程使用 rollup 来构建,其中会引进 babel 来转译 ES6,利用 Eslint 来规范代码的书写风格,最后代码的发布会经过 terser 压缩。同时发布 umd、es 格式的版本以供外部调用。 完整目录结构如下: 下面是整个过程的记录 一、初始化工程 yarn init -y