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 會(huì)是下面其中一個(gè)：
  //   START        — 監(jiān)聽器正在啟動(dòng)（重啟）
  //   BUNDLE_START — 構(gòu)建單個(gè)文件束
  //   BUNDLE_END   — 完成文件束構(gòu)建
  //   END          — 完成所有文件束構(gòu)建
  //   ERROR        — 構(gòu)建時(shí)遇到錯(cuò)誤
  //   FATAL        — 遇到無可修復(fù)的錯(cuò)誤
});

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>標(biāo)簽），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'], // 外鏈（本項(xiàng)目如要依賴其他第三方的包，就可以使用這個(gè)屬性） 
  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"
  ]
}