rollup工具入门

Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。
一、全局安装
npm i rollup -g

二、使用配置rollup.config.js

const config = (file, plugins) => ({
input: 'src/main.js',
output: {
name: 'test',
format: 'amd',
indent: false,
file
},
plugins
});

export default [
config('test-dev.js', [])
];

三、构建
在package.json中加入脚本命令
"scripts": {
"test": "nyc --require esm tape test/test-*.js",
"coverage": "nyc report --reporter=text-lcov | coveralls",
"build": "rollup -c"
}

四、监听变化
"main": "index.js",
"scripts": {
"test": "nyc --require esm tape test/test-*.js",
"coverage": "nyc report --reporter=text-lcov | coveralls",
"build": "rollup -c",
"watch": "rollup -cw"
},

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 5,208评论 0 2
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,710评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,222评论 0 21
  • 为了寻找好吃的意面! 看美团上的评论说肉酱面好吃,果然没有让我失望。 肉酱热乎乎的,浸润了每一根面条。面条倒是不怎...
    菠00阅读 829评论 0 0
  • “明天,你一定要去吗?”她问。望向他的眸子熠熠生辉,仿佛夜空里的星子。 “恩,我已经接受了指令。” “可是,我们对...
    乐非扬阅读 218评论 0 3