zoukankan      html  css  js  c++  java
  • 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项目中使用element-ui的Upload上传组件
    express使用ejs模板引擎渲染html文件
    nodejs服务端实现post请求
    anroid学习笔记(1)
    水平遍历和嵌套递归
    写代码的风格
    简易版本vue的实现和注解
    JavaScript下的new操作符做了什么?
    node下的跨域传递cookie
    用node研究axios前后端交互状态码规则
  • 原文地址:https://www.cnblogs.com/feixian-blog/p/12757537.html
Copyright © 2011-2022 走看看