rollup 基本配置打包

mason舟

已于 2022-02-18 15:40:50 修改

阅读量1.1k

点赞数

分类专栏：打包工具文章标签： javascript

于 2021-08-29 01:14:24 首次发布

本文链接：https://blog.youkuaiyun.com/qq_27483091/article/details/119940515

版权

打包工具专栏收录该内容

2 篇文章

订阅专栏

import resolve from "rollup-plugin-node-resolve";  //让rollup支持nodejs的模块解析机制

import commonJs from 'rollup-plugin-commonjs';  //将CommonJs模块转换为es6

import babel from 'rollup-plugin-babel';   //让我们可以使用es6新特性来编写代码

import { terser } from 'rollup-plugin-terser';  //压缩js代码，包括压缩es6

export default {

    input: 'src/main.js',   //webpack entry

    external: ['lodash'],

    globals: {

        lodash: '_'

    },

    output:{

        name:'rollup',

        file: 'dist/bundle.js',  

        format: 'cjs',            

    },

    plugins: [

        resolve(),

        commonJs(),

        babel({

            presets: ["@babel/preset-env"],

            exclude: "node_modules/**",  //只编译源代码  不管node_modules插件包

            runtimeHelpers: true,   //是plugin-transform-runtime生效

        }),

        terser(),

    ]

}

package.json文件

{

  "name": "rollup",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "dev": "rollup -c -w",

  },

  "author": "",

  "license": "ISC",

  "dependencies": {

    "@babel/core": "^7.11.4",   

    "@babel/preset-env": "^7.11.0",

    "rollup-plugin-babel": "^4.4.0",

    "rollup-plugin-node-resolve": "^5.2.0"

  },

  "devDependencies": {

    "@babel/plugin-transform-runtime": "^7.15.0",

    "rollup-plugin-commonjs": "^10.1.0",

    "rollup-plugin-terser": "^7.0.2"

  }

}