首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏码农小余

    PluginContainer,管理你的 vite 插件

    options = (await plugin.options.call(minimalContext, options)) || options } // https://rollupjs.org Vue 技术揭秘之 CreateServer: https://juejin.cn/post/7082206127135391780 [4] acornInjectPlugins: https://rollupjs.org acorninjectplugins [5] Vite 技术揭秘之 ModuleGraph: https://juejin.cn/post/7082922754164391972 [6] buildEnd: https://rollupjs.org /guide/en/#buildend [7] closeBundle: https://rollupjs.org/guide/en/#closebundle

    1.4K10编辑于 2022-06-16
  • 来自专栏随便写写-kifuan

    异步加载 Vue 组件以减小 chunk 体积

    code-split the application - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org

    2.3K20编辑于 2022-11-14
  • 来自专栏WebJ2EE

    【前端】:模块化 - 打包技术

    wiki/pkg.module commonjs2: https://github.com/webpack/webpack/issues/1114 es模块化语法回顾: https://www.rollupjs.org webpack.js.org/guides/author-libraries/ https://webpack.js.org/configuration/externals/ Rollup.js: https://www.rollupjs.org /guide/en/#faqs https://www.rollupjs.com/ father-build: https://www.npmjs.com/package/father-build

    1.7K30发布于 2020-09-01
  • 来自专栏前端lucio

    Rollup模块打包踩坑指南

    https://www.rollupjs.com/guide/tools/#babel 关于babel的使用,推荐阅读下面这篇文章: 你真的会用 Babel 吗? Error: 'default' is not exported by node_modules/mobile-select/mobile-select.js https://rollupjs.org/

    3.6K30编辑于 2023-04-22
  • 来自专栏码农小余

    授人予渔,VSCode 如何调试 Vite 代码?

    npm-run-all [3] run-s: https://github.com/mysticatea/npm-run-all/blob/master/docs/run-s.md [4] w: https://rollupjs.org /guide/en/#command-line-flags [5] watch: https://rollupjs.org/guide/en/#command-line-flags [6] 官方文档:

    8.6K20编辑于 2022-06-16
  • 来自专栏小鑫同学编程历险记

    【入门教程】Rollup模块打包器整合

    ————《rollupjs.org》 特点: 选用ES6标准模块化格式; 支持静态分析导入代码进行Tree-Shaking。 配置大全: 下面是摘录自rollupjs.org,的配置大全: export default { // 核心输入选项 external, input, // conditionally required buildDelay, chokidar, clearScreen, skipWrite, exclude, include } }; 命令行参数大全: 下面是摘录自rollupjs.org

    1.6K20编辑于 2022-12-26
  • 来自专栏更流畅、简洁的软件开发方式

    vite2 打包的时候vendor-xxx.js文件过大的解决方法

    由于打包时有些依赖包体积过于庞大,提示你进行配置分割; https://rollupjs.org/guide/en/#outputmanualchunks 寻找解决方案 (好吧,官网是英文的,看不懂)

    2.3K10编辑于 2022-05-09
  • 来自专栏京程一灯

    Webpack3来了!

    In comparison, tools like Closure Compiler and RollupJS ‘hoist’ or concatenate the scope of all your

    68940发布于 2019-03-28
  • 来自专栏编程微刊

    前端程序员常用的9大构建工具

    8:Rollup https://www.rollupjs.com/ Rollup是一个和webpack很类似但专注于ES6的模块打包工具,它的亮点在于,能针对ES6源码进行Tree Shaking,以去除那些已被定义但没使用的代码并进行

    4.2K31发布于 2020-12-02
  • 来自专栏编程微刊

    前端程序员常用的9大构建工具

    fex-team.github.io/fis3/ Fis3是来自百度的国产构建工具,相对于grunt,gulp这些只提供了基本功能的工具,Fis3集成了web开发中常用的购将功能, 8:Rollup https://www.rollupjs.com

    48210编辑于 2025-05-19
  • 来自专栏Candy 的修仙秘籍

    Vite 是如何兼容 Rollup 插件生态的

    References [1] 官方文档: https://cn.vitejs.dev/guide/why.html#why-bundle-for-production [2] Rollup 官方文档: https://rollupjs.org /guide/en/#plugin-context [3] Rollup 文档: https://rollupjs.org/guide/en/#plugin-context

    1.4K31编辑于 2022-07-18
  • 来自专栏WecTeam

    【译】在生产环境中使用原生JavaScript模块

    如果一开始你的依赖项采用ES2015模块管理肯定会更好(https://rollupjs.org/guide/en/#why-are-es-modules-better-than-commonjs-modules 我提到的增强是指Rollup的两个新功能:通过动态 import()时自动代码拆分(在v1.0.0中添加,https://rollupjs.org/guide/en/#code-splitting)和通过 manualChunks选项进行可编程的手动代码拆分(在v1.11.0中添加,https://rollupjs.org/guide/en/#manualchunks)。 生成 modulepreload列表 Rollup的bundle对象中的每个入口文件在其静态依赖关系图中包含完整的导入列表,因此在Rollup的generateBundle钩子(https://rollupjs.org

    1.7K20发布于 2019-12-16
  • 来自专栏更流畅、简洁的软件开发方式

    一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

    vue vue-ts react react-ts preact preact-ts lit lit-ts svelte svelte-ts rollup 官网:https://rollupjs.org

    2.3K21编辑于 2022-05-09
  • 来自专栏子曰五溪

    技术 | Webpack迁移到Rollup

    absolute('bridge') }; 在config.js文件中正确书写你的配置对象,这个对象是给rollup用来构建你的源代码的,参数比Webpack要少了很多,相信你阅读官网(https://rollupjs.org

    1.4K30发布于 2019-06-24
  • 来自专栏前端进阶实战

    【前端工程化】Rollup构建工具

    其实关于Rollup的使用还是比较推荐大家阅读官方文档:https://rollupjs.org/guide/ 「3.1 安装」 全局安装roolup yarn add rollup -g 「3.2 建议您省略此选项(默认为treeshake:true) 笔者认为,当你需要的再去自行查阅官方文档,关于这些参数的详细介绍可参考:https://rollupjs.org/guide/en/#big-list-of-options

    2.3K41编辑于 2022-07-29
  • 来自专栏忽如寄的前端周刊

    Rollup初探

    5.完整参数配置 rollup完整参数可以在官网查询https://rollupjs.org/guide/zh#big-list-of-options

    1.2K30发布于 2019-07-24
  • 来自专栏青笔原创

    从零开始构建 vue3

    lerna.js.org 6 package.json npm 配置文件 docs.npmjs.com 7 rollup.config.js JavaScript 模块打包器 rollup 的配置文件 rollupjs.org rollupjs.com 8 tsconfig.json TypeScript 配置文件 tslang.cn typescriptlang.org 5. 开发依赖也是非常精简,是采用 TypeScript 开发,并用 Rollupjs 打包 Js ,最基本的依赖安装。

    1.9K20发布于 2019-10-23
  • 来自专栏前端食堂

    前端食堂技术周刊第 56 期:Solid v1.6.0、State of GraphQL、ViteConf回放、Lerna v6

    [18] Node v19.0.0: https://nodejs.org/en/blog/release/v19.0.0/ [19] Migrating to Rollup 3: https://rollupjs.org

    70310编辑于 2022-11-01
  • 来自专栏柒八九技术收纳盒

    Vite Plugin Just so so

    gomakethings.com/currentcolor-and-svgs/ [13] esbuild: https://esbuild.github.io/ [14] rollup.js: https://rollupjs.org / [15] vite_插件API: https://cn.vitejs.dev/guide/api-plugin.html [16] rollup_插件API: https://rollupjs.org configResolved: https://cn.vitejs.dev/guide/api-plugin.html#configresolved [18] writeBundle: https://rollupjs.org api-plugin.html#configureserver [20] chokidar: https://github.com/paulmillr/chokidar [21] closeBundle: https://rollupjs.org

    86310编辑于 2024-05-17
  • 来自专栏IMWeb前端团队

    webpack2 的 tree-shaking 好用吗?

    tree-shaking 较早由 Rich_Harris 的 rollupjs 实现,webpack2 也引入了tree-shaking 的能力。 适用场景 目前看到使用 tree-shaking 比较成功的例子是 d3-jsnext ,不过使用的是 rollupjs 的方案。

    1.7K30发布于 2019-12-05
领券