const rollup = require("rollup");
// rollup plugin to convert JSON files to ES6 modules
const json = require("rollup-plugin-json");
//Bundle third-party dependencies in node_modules
const resolve = require("rollup-plugin-node-resolve");
//Convert CommonJS modules to ES2015
const commonjs = require("rollup-plugin-commonjs");
const babel = require("rollup-plugin-babel");
const eslint = require("rollup-plugin-eslint").eslint;
const filesize = require("rollup-plugin-filesize");

export default {
    input: 'src/main.js',
    //打包时不进行导入的类库，这些类库采用在外部引用的方式
    //名称为 package.json -> devDependencies中依赖类库的key值
    external: ["jquery"],
    output: {
        file: 'bundle.js',
        format: 'iife',
        name:'',//当format为iife和umd时必须提供，生成包名称，代表你的iife/umd包
        banner:'',
        footer:'',
        intro:'',
        outro:'',
        sourcemap:true,
        //告诉rollup 全局变量jQuery即是jquery
        globals: {
            "jquery": "jQuery"
        }
    },
    plugins:[
        json(),
        resolve(),
        eslint(),
        commonjs(),
        filesize(),
        babel({
            exclude: "node_modules/**",
            runtimeHelpers: true,
            plugins: []
        }),
    ]
};

{
    "presets": [
        [
            "@babel/env",
            {
                "targets": {
                    //"browsers": "last 2 versions",
                    "chrome": "58",
                    "ie": "10"
                },
                //设置"modules": false，否则 Babel 会在 Rollup 有机会做处理之前，将我们的模块转成 CommonJS，导致 Rollup 的一些处理失败
                "modules": false
            }
        ]
    ],
    "plugins": [
        //将regeneratorRuntime打包进代码中，如 async/await 等es6-8特性
        //需要安装 @babel/runtime @babel/runtime-corejs2 @babel/runtime-corejs3
        ["@babel/plugin-transform-runtime",{
            "corejs":2
        }]
    ]
}

{
  "presets": [
    [
      "@babel/env",
      {
        "modules": false,
        "useBuiltIns": "usage"
      }
    ]
  ]
}

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

const gulp = require("gulp");
const concat = require("gulp-concat");
const sourcemaps = require("gulp-sourcemaps");
const plumber = require("gulp-plumber");

const rollup = require("rollup");
// rollup plugin to convert JSON files to ES6 modules
const json = require("rollup-plugin-json");z+
//Bundle third-party dependencies in node_modules
const resolve = require("rollup-plugin-node-resolve");
//Convert CommonJS modules to ES2015
const commonjs = require("rollup-plugin-commonjs");
const babel = require("rollup-plugin-babel");
const eslint = require("rollup-plugin-eslint").eslint;
const filesize = require("rollup-plugin-filesize");

gulp.task("js", async function () {
    const bundle = await rollup.rollup({
        input: "./src/js/index.js",
        //告诉rollup不要将jquery打包，而作为外部依赖
        external: [
            "jquery",
            "crypto-js/core"
        ],
        /**
         * rollup-plugin-alias: 提供modules名称的 alias 和reslove 功能
         * rollup-plugin-babel: 提供babel能力
         * rollup-plugin-eslint: 提供eslint能力
         * rollup-plugin-node-resolve: 解析 node_modules 中的模块
         * rollup-plugin-commonjs: 转换 CJS -> ESM, 通常配合上面一个插件使用
         * rollup-plugin-serve: 类比 webpack-dev-server, 提供静态服务器能力
         * rollup-plugin-filesize: 显示 bundle 文件大小
         * rollup-plugin-uglify: 压缩 bundle 文件
         * rollup-plugin-replace: 类比 Webpack 的 DefinePlugin , 可在源码中通过 process.env.NODE_ENV 用于构建区分 Development 与 Production 环境.
         */
        plugins: [
            //rollupTypescript()
            json(),
            resolve(),
            eslint(),
            commonjs(),
            filesize(),
            babel({
                exclude: "node_modules/**",
                runtimeHelpers: true,
                plugins: []
            }),
        ]
    });

    const banner = `/*!
    * WSFileUpload 1.00.1
    * Licensed under ISC
    * Please visit https:// for details.
    */`;

    await bundle.write({
        file: "./dist/ws-fileupload.js",// 文件输出目录
        globals: {//告诉rollup 全局变量jQuery即是jquery
            "jquery": "jQuery",
            "crypto-js/core": "CryptoJS"
        },
        /**
         * amd – 异步模块定义，用于像RequireJS这样的模块加载器
         * cjs – CommonJS，适用于 Node 和 Browserify/Webpack
         * es – 将软件包保存为ES模块文件
         * iife – 一个自动执行的功能，适合作为<script>标签。（如果要为应用程序创建一个捆绑包，您可能想要使用它，因为它会使文件大小变小。）
         * umd – 通用模块定义，以amd，cjs 和 iife 为一体
         */
        format: "iife", // 格式，amd（异步模块定义），cjs（commonjs），es（将软件包保存为es模块文件），iife（适合作为<script>标签），umd（以amd、cjs、iife为一体）
        name: "WSFileUpload",//当format为iife和umd时必须提供，生成包名称，代表你的iife/umd包
        sourcemap: true,
        banner: banner,
        footer: "/* follow me on github! */",
        intro: "",
    });
});