• rollup的使用


    快速使用:

    (1)安装:npm i rollup -g

    (2)使用说明:rollup -h

    (3)项目开始:

    我们来创建一个简单的项目:

    mkdir -p my-rollup-project/src
    cd my-rollup-project

    首先,我们需要个 入口。将以下代码粘贴到新建的文件 src/main.js 中:

    // src/main.js
    import foo from './foo.js';
    export default function () {
      console.log(foo);
    }

    之后创建入口文件引用的 foo.js 模块:

    // src/foo.js
    export default 'hello world!';

    现在可以创建 bundle 了:

    rollup src/main.js -f cjs

    命令行的参数:

    -i, --input <filename>      要打包的文件(必须)
    -o, --file <output>         输出的文件 (如果没有这个参数,则直接输出到控制台)
    -f, --format <format>       输出的文件类型 (amd, cjs, esm, iife, umd)
    -e, --external <ids>        将模块ID的逗号分隔列表排除
    -g, --globals <pairs>       以`module ID:Global` 键值对的形式,用逗号分隔开 
                                  任何定义在这里模块ID定义添加到外部依赖
    -n, --name <name>           生成UMD模块的名字
    -h, --help                  输出 help 信息
    -m, --sourcemap             生成 sourcemap (`-m inline` for inline map)
    --amd.id                    AMD模块的ID,默认是个匿名函数
    --amd.define                使用Function来代替`define`
    --no-strict                 在生成的包中省略`"use strict";`
    --no-conflict               对于UMD模块来说,给全局变量生成一个无冲突的方法
    --intro                     在打包好的文件的块的内部(wrapper内部)的最顶部插入一段内容
    --outro                     在打包好的文件的块的内部(wrapper内部)的最底部插入一段内容
    --banner                    在打包好的文件的块的外部(wrapper外部)的最顶部插入一段内容
    --footer                    在打包好的文件的块的外部(wrapper外部)的最底部插入一段内容
    --interop                   包含公共的模块(这个选项是默认添加的)

    -h/--help  打印帮助文档。

    -v/--version  打印已安装的Rollup版本号。

    -w/--watch  监听源文件是否有改动,如果有改动,重新打包

    --silent  不要将警告打印到控制台。



  • 相关阅读:
    vue项目打包发布
    jap和mybatis比较
    前端常用js插件
    【知乎问题】如何让不懂编程的人感受到编程的魅力
    「MoreThanJava」Day 3:构建程序逻辑的方法
    「MoreThanJava」Day 1:环境搭建和程序基本结构元素
    PHPExecl导出大量数据卡顿问题解决(Laravel实现)
    互联网协议入门(二)(转)
    互联网协议入门(一)(转)
    Mysql创建用户与授权
  • 原文地址:https://www.cnblogs.com/feixian-blog/p/12757537.html
Copyright © 2020-2023  润新知