rollup简易使用

参考
原链接:https://juejin.cn/post/693469...
作者:Alaso
来源:稀土掘金

rollup安装与使用

安装

npm i rollup -g        # 全局安装
npm i rollup -D        # 项目本地安装

使用

不使用配置文件

配置到script中

"build": "rollup -i src/index.js -o dist/bundle.js -f es"

参数解释

  • -i指定要打包的文件,-i是--input的缩写。
    src/index.js是-i的参数,即打包入口文件。
  • -o指定输出的文件,是--output.file或--file的缩写。(如果没有这个参数,则直接输出到控制台)
    dist/bundle.js是-o的参数,即输出文件。
  • -f指定打包文件的格式,-f是--format的缩写。es是-f的参数,表示打包文件使用ES6模块规范。

    npm run build

    使用配置文件

    在项目根目录下创建rollup.config.js

    export default {
    input: "./src/index.js",
    output: [
      {
        file: './dist/my-lib-umd.js',
        format: 'umd',
        name: 'myLib'   
        //当入口文件有export时,'umd'格式必须指定name
        //这样,在通过
                        
                        

你可能感兴趣的:(rollup)