美文网首页
rollup.js配置

rollup.js配置

作者: A豆_b99d | 来源:发表于2018-11-24 15:18 被阅读0次
const rollup = require('rollup');

const config = require('./config.js');
const outputOptions = config.output;


async function build () {
  const bundel = await rollup.rollup(config)

  const { code, map } = await bundel.generate(outputOptions)
  await bundel.write(outputOptions)
}

const watcher = rollup.watch(config);

watcher.on('event', event => {
  console.log('event', event.code);
  build();
  // event.code 会是下面其中一个:
  //   START        — 监听器正在启动(重启)
  //   BUNDLE_START — 构建单个文件束
  //   BUNDLE_END   — 完成文件束构建
  //   END          — 完成所有文件束构建
  //   ERROR        — 构建时遇到错误
  //   FATAL        — 遇到无可修复的错误
});

consfig.js

const rollup = require('rollup');
const json = require('rollup-plugin-json');
const resolve = require('rollup-plugin-node-resolve');
const babel = require('rollup-plugin-babel');
const eslint = require('rollup-plugin-eslint').eslint;

const outputOptions = {
  file: 'dist/echarts.js', // 文件输出目录
  format: 'umd', // 格式,amd(异步模块定义),cjs(commonjs),es(将软件包保存为es模块文件),iife(适合作为<script>标签),umd(以amd、cjs、iife为一体)
  name: 'echarts', // 生成包名称,代表你的iife/umd包
  sourcemap: false,
  banner: '/* my-library version  */',
  footer: '/* follow me on Twitter! @rich_harris */',
  intro: 'var ENVIRONMENT = "production";',
  globals: {
    jquery: 'Window.jQuery'
  }
}

module.exports = {
  input: 'src/chart.js', // 文件输入 
  output: outputOptions,
  plugins: [
    json(),
    resolve(),
    eslint(),
    babel({
      exclude: 'node_modules/**'
    })
  ],
  external: ['jquery'], // 外链(本项目如要依赖其他第三方的包,就可以使用这个属性) 
  watch: {
    include: 'src/**',
    exclude: 'node_modules/**'
  }
}

.eslintrc.js

module.exports = {
    extends: "standard",
    env: {
        "browser": true
    },
    rules: {
        "semi": ["error", "always"]
    }
};

.eslintignore

build/*
dist/*

.babelrc

{
  "presets": [
    [
      "@babel/preset-env"
    ]
  ],
  "plugins": [
    "@babel/plugin-external-helpers"
  ]
}

相关文章

  • rollup.js配置

    consfig.js .eslintrc.js .eslintignore .babelrc

  • rollup用法

    10分钟快速入门rollup.js 10分钟快速进阶rollup.js

  • rollup.js

    [TOC] 1. 概念 Rollup是一个JavaScript模块打包工具,可以将小块代码编译成大块复杂的代码。开...

  • rollup.js

    https://www.rollupjs.com/[https://www.rollupjs.com/] roll...

  • rollup.js

    概述 Rollup 是一个 JavaScript 模块打包器,可以将小块代码编译成大块复杂的代码,例如 libra...

  • Rollup.js 之三:使用配置文件

    来源:rollup.js 官网 当参数越来越多,使用命令行就会越来越麻烦。 为避免反复输入命令行参数,我们可以创建...

  • Rollup 打包工具的介绍和使用

    rollup.js 打包工具 参考链接:https://rollupjs.org/ 官网介绍:Rollup is ...

  • Rollup.js 之六:使用 npm 包

    来源:rollup.js 官网 有时候,项目会依赖 npm 包。Rollup 和 Webpack、Browseri...

  • Rollup 学习笔记

    Q:为什么要学 rollup.js ?A:因为大家都在卷(roll) 介绍 Rollup 中文文档[https:/...

  • rollup+babel

    rollup.js官网文档 github源码 升级node.js,npm 1.创建packpage.json文件 ...

网友评论

      本文标题:rollup.js配置

      本文链接:https://www.haomeiwen.com/subject/fmcyqqtx.html