rollup打包

准备npm环境:

第一步:安装npm

npm怎么清除依赖

删除全部依赖包 npm uninstall *
( 删除指定的依赖包 npm uninstall xxx
删除全局的指定依赖 npm uninstall xxx -g
xxx为依赖名称)
清缓存 npm cache clean --force
手动删除node_modules文件夹及文件夹里面的全部文件

rollup使用(针对JavaScript)

第一步:npm安装rollup

npm i rollup -g   

第二步:添加terser加密

npm i rollup-plugin-terser --save-dev

第三步:创建rollup.config.js

rollup -c

rollup使用(针对TypeScript)

第一步:npm安装rollup

npm i rollup -g   
npm i typescript rollup rollup-plugin-typescript2 tslib -D

第二步:创建rollup.config.js

rollup -c

rollup常见问题

【问题1】 Error: Incompatible tsconfig option. Module resolves to ‘CommonJS’. This is incompatible with rollup, please use ‘module: “ES2015”’ or ‘module: “ESNext”’.

【解决方法】:将tsconfig.json中的 { “module”: “CommonJS”,} =》{ “module”: “ES6”,}

【问题2】Error: Could not resolve entry module (.miniprogram/lib/jl-rcsp/rcsp.ts).

【解决方法】:应该是rollup.config.js中的 **{input: ./miniprogram/lib/jl-rcsp/rcsp.ts,}**指定的文件路径不对

【问题3】(plugin rpt2) Error: C:/Users/ZPC19-039/WeChatProjects/JL-Ble-OTA-NewProject/miniprogram/lib/jl-rcsp/rcsp.ts(126,21): semantic error TS6133: ‘device’ is declared but its value is never read.

【解决方法】:如果是函数的参数,就在函数的内部,空调用一下该参数。如果是class只能删除

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Rollup 是一个 JavaScript 模块打包器,它主要用于打包 JavaScript 应用程序或库。它通常用于打包 Node.js 应用程序和库,但是也可以用于打包浏览器端应用程序。 Rollup 不支持直接打包 HTML 文件,但是可以使用插件来处理 HTML 文件。下面是一些常用的 Rollup 插件,可以帮助你打包 HTML 文件: 1. rollup-plugin-html:这个插件可以在打包过程中将 HTML 文件转换为 JavaScript 模块。它还支持将 CSS 文件内联到 HTML 文件中。你可以使用这个插件来打包单个 HTML 文件或多个 HTML 文件。 2. rollup-plugin-terser:这个插件可以在打包过程中压缩 JavaScript 代码和 HTML 内容。它可以帮助你减小文件大小并提高网站性能。 3. rollup-plugin-posthtml:这个插件可以在打包过程中使用 PostHTML 处理 HTML 文件。它支持使用各种插件来转换 HTML 内容,例如添加 CSS 前缀、压缩 HTML、优化图像等。 使用 Rollup 打包 HTML 文件的具体步骤如下: 1. 安装 Rollup 及相关插件: ``` npm install rollup rollup-plugin-html rollup-plugin-terser rollup-plugin-posthtml --save-dev ``` 2. 创建一个 Rollup 配置文件: ``` // rollup.config.js import html from 'rollup-plugin-html'; import { terser } from 'rollup-plugin-terser'; import posthtml from 'rollup-plugin-posthtml'; export default { input: 'src/index.js', output: { file: 'dist/bundle.js', format: 'iife' }, plugins: [ html({ include: '**/*.html' }), terser(), posthtml() ] } ``` 3. 在 HTML 文件中使用 JavaScript 模块: ``` <!DOCTYPE html> <html> <head> <title>My App</title> </head> <body> <script type="module" src="./dist/bundle.js"></script> </body> </html> ``` 4. 运行 Rollup 命令进行打包: ``` rollup -c ``` 以上就是使用 Rollup 打包 HTML 文件的基本步骤。需要注意的是,如果你的应用程序依赖于其他文件(例如 CSS、图像等),则需要在 Rollup 配置文件中添加相应的插件来处理这些文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值