├── .gitattributes
├── test
    ├── fixtures
    │   ├── babel
    │   │   ├── with-config
    │   │   │   ├── .babelrc
    │   │   │   └── index.js
    │   │   └── object-rest-spread
    │   │   │   └── index.js
    │   ├── default.js
    │   ├── banner
    │   │   ├── index.js
    │   │   └── package.json
    │   ├── defaults
    │   │   └── index.js
    │   ├── uglify
    │   │   └── index.js
    │   ├── exclude-file
    │   │   ├── foo.js
    │   │   └── index.js
    │   ├── extend-options
    │   │   ├── bar.js
    │   │   └── foo.js
    │   ├── no-js-transform
    │   │   └── index.js
    │   ├── target
    │   │   └── node
    │   │   │   └── index.js
    │   ├── buble
    │   │   ├── react-jsx.js
    │   │   ├── vue-jsx.js
    │   │   ├── async.js
    │   │   └── async-dot-dot-dot.js
    │   ├── async
    │   │   └── index.js
    │   └── inline
    │   │   └── index.js
    ├── demo
    │   └── index.js
    ├── index.test.js
    └── __snapshots__
    │   └── index.test.js.snap
├── babel.js
├── examples
    ├── cli
    │   ├── index.js
    │   ├── cli.js
    │   └── package.json
    ├── with-css
    │   ├── index.js
    │   ├── style.css
    │   └── package.json
    └── with-vue-component
    │   ├── Component.vue
    │   └── package.json
├── .gitignore
├── .vscode
    └── settings.json
├── src
    ├── util.js
    ├── bili-error.js
    ├── emoji.js
    ├── template.js
    ├── progress-plugin.js
    ├── handle-error.js
    ├── virtual-modules-plugin.js
    ├── get-config.js
    ├── get-banner.js
    ├── cli.js
    ├── babel.js
    ├── logger.js
    └── index.js
├── .bilirc
├── .editorconfig
├── docs
    ├── recipes
    │   ├── inline-3rd-party-modules.md
    │   ├── transpile-css-files.md
    │   ├── transpile-vue-files.md
    │   ├── update-package-json.md
    │   ├── use-rollup-plugins.md
    │   ├── transpile-js-files.md
    │   └── bundle-multi-files.md
    ├── README.md
    ├── index.html
    └── api.md
├── .babelrc
├── circle.yml
├── LICENSE
├── package.json
├── README.md
└── media
    └── preview.svg


/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto
2 | 


--------------------------------------------------------------------------------
/test/fixtures/babel/with-config/.babelrc:
--------------------------------------------------------------------------------
1 | {}
2 | 


--------------------------------------------------------------------------------
/test/fixtures/default.js:
--------------------------------------------------------------------------------
1 | export default {}
2 | 


--------------------------------------------------------------------------------
/babel.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./dist/babel')
2 | 


--------------------------------------------------------------------------------
/examples/cli/index.js:
--------------------------------------------------------------------------------
1 | export default () => 42
2 | 


--------------------------------------------------------------------------------
/examples/with-css/index.js:
--------------------------------------------------------------------------------
1 | import './style.css'
2 | 


--------------------------------------------------------------------------------
/test/fixtures/banner/index.js:
--------------------------------------------------------------------------------
1 | export default 42
2 | 


--------------------------------------------------------------------------------
/test/fixtures/defaults/index.js:
--------------------------------------------------------------------------------
1 | export default 42
2 | 


--------------------------------------------------------------------------------
/test/fixtures/uglify/index.js:
--------------------------------------------------------------------------------
1 | export const a = 1
2 | 


--------------------------------------------------------------------------------
/test/fixtures/exclude-file/foo.js:
--------------------------------------------------------------------------------
1 | export default 'foo'
2 | 


--------------------------------------------------------------------------------
/examples/with-css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 |   color: red;
3 | }
4 | 


--------------------------------------------------------------------------------
/test/fixtures/extend-options/bar.js:
--------------------------------------------------------------------------------
1 | export default 'bar'
2 | 


--------------------------------------------------------------------------------
/test/fixtures/extend-options/foo.js:
--------------------------------------------------------------------------------
1 | export default 'foo'
2 | 


--------------------------------------------------------------------------------
/test/fixtures/no-js-transform/index.js:
--------------------------------------------------------------------------------
1 | export default () => {}


--------------------------------------------------------------------------------
/test/fixtures/babel/with-config/index.js:
--------------------------------------------------------------------------------
1 | export default class {}
2 | 


--------------------------------------------------------------------------------
/test/fixtures/target/node/index.js:
--------------------------------------------------------------------------------
1 | export default class Foo {}
2 | 


--------------------------------------------------------------------------------
/test/fixtures/buble/react-jsx.js:
--------------------------------------------------------------------------------
1 | export default <div a={1}>hi</div>
2 | 


--------------------------------------------------------------------------------
/test/fixtures/babel/object-rest-spread/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   ...a
3 | }


--------------------------------------------------------------------------------
/test/fixtures/exclude-file/index.js:
--------------------------------------------------------------------------------
1 | import foo from './foo'
2 | 
3 | export default foo
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | lib
4 | examples/*/yarn.lock
5 | examples/*/package-lock.json
6 | coverage/


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "prettier.eslintIntegration": true,
3 |   "editor.formatOnSave": true
4 | }
5 | 


--------------------------------------------------------------------------------
/test/fixtures/async/index.js:
--------------------------------------------------------------------------------
1 | const a = { a: 1 }
2 | 
3 | export default async () => {
4 |   return { ...a }
5 | }
6 | 


--------------------------------------------------------------------------------
/test/fixtures/buble/vue-jsx.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   render() {
3 |     return <div a={1}>hi</div>
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/examples/cli/cli.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | import main from '.'
3 | 
4 | const answer = main()
5 | console.log(answer)
6 | 


--------------------------------------------------------------------------------
/test/fixtures/buble/async.js:
--------------------------------------------------------------------------------
1 | const a = async () => ({ a: 'a' })
2 | 
3 | export default a().then(res => ({ ...res }))
4 | 


--------------------------------------------------------------------------------
/test/fixtures/inline/index.js:
--------------------------------------------------------------------------------
1 | import all from 'p-all'
2 | import map from 'p-map'
3 | 
4 | export default { all, map }
5 | 


--------------------------------------------------------------------------------
/src/util.js:
--------------------------------------------------------------------------------
1 | import path from 'path'
2 | 
3 | export const relativePath = p => path.relative(process.cwd(), path.resolve(p))
4 | 


--------------------------------------------------------------------------------
/test/fixtures/buble/async-dot-dot-dot.js:
--------------------------------------------------------------------------------
1 | export default async function () {
2 |   return {
3 |     ...(await this.bar())
4 |   }
5 | }
6 | 


--------------------------------------------------------------------------------
/test/demo/index.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | import cac from 'cac'
3 | 
4 | class Foo {
5 |   async foo() {}
6 | }
7 | 
8 | console.log(cac())
9 | 


--------------------------------------------------------------------------------
/src/bili-error.js:
--------------------------------------------------------------------------------
1 | export default class BiliError extends Error {
2 |   constructor(message) {
3 |     super(message)
4 |     this.name = 'BiliError'
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/examples/cli/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "cli",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "license": "MIT",
 6 |   "scripts": {
 7 |     "build": "bili *.js"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/.bilirc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "input": "src/{index,cli,babel}.js",
 3 |   "filename": "[name].js",
 4 |   "babel": {
 5 |     "babelrc": false
 6 |   },
 7 |   "target": "node",
 8 |   "external": ["./src/index.js"]
 9 | }
10 | 


--------------------------------------------------------------------------------
/examples/with-css/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "with-css",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "license": "MIT",
 6 |   "scripts": {
 7 |     "build": "bili index.js"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/test/fixtures/banner/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "foo",
 3 |   "version": "0.0.0",
 4 |   "year": 2015,
 5 |   "license": "MIT",
 6 |   "author": {
 7 |     "name": "name",
 8 |     "email": "email@email.com"
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | indent_style = space
 5 | indent_size = 2
 6 | end_of_line = lf
 7 | charset = utf-8
 8 | trim_trailing_whitespace = true
 9 | insert_final_newline = true
10 | 
11 | [*.md]
12 | trim_trailing_whitespace = false


--------------------------------------------------------------------------------
/docs/recipes/inline-3rd-party-modules.md:
--------------------------------------------------------------------------------
1 | # Inline 3rd-party modules
2 | 
3 | By default Bili inlines all 3rd-party modules in `umd` and `iife` format into your bundle, however you can use [`inline`](/api#inline) option to toggle this.
4 | 
5 | ```bash
6 | # Don't inline modules in UMD format
7 | bili --format umd --no-inline
8 | ```
9 | 


--------------------------------------------------------------------------------
/examples/with-vue-component/Component.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="component">{{msg}}</div>
 3 | </template>
 4 | 
 5 | <script>
 6 | export default {
 7 |   data() {
 8 |     return {
 9 |       msg: 'msg'
10 |     }
11 |   }
12 | }
13 | </script>
14 | 
15 | <style scoped>
16 | .component {
17 |   color: red;
18 | }
19 | </style>
20 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     [
 4 |       "@babel/preset-env",
 5 |       {
 6 |         "targets": {
 7 |           "node": 6
 8 |         }
 9 |       }
10 |     ]
11 |   ],
12 |   "plugins": [
13 |     [
14 |       "@babel/plugin-proposal-object-rest-spread",
15 |       {
16 |         "useBuiltIns": true
17 |       }
18 |     ]
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/src/emoji.js:
--------------------------------------------------------------------------------
 1 | const supportsEmoji =
 2 |   process.platform !== 'win32' || process.env.TERM === 'xterm-256color'
 3 | 
 4 | // Fallback symbols for Windows from https://en.wikipedia.org/wiki/Code_page_437
 5 | export default {
 6 |   progress: supportsEmoji ? '⏳' : '∞',
 7 |   success: supportsEmoji ? '✨' : '√',
 8 |   error: supportsEmoji ? '🚨' : '×',
 9 |   warning: supportsEmoji ? '⚠️' : '‼'
10 | }
11 | 


--------------------------------------------------------------------------------
/examples/with-vue-component/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-component",
 3 |   "version": "1.0.0",
 4 |   "main": "index.js",
 5 |   "license": "MIT",
 6 |   "scripts": {
 7 |     "build": "bili Component.vue --plugin vue"
 8 |   },
 9 |   "devDependencies": {
10 |     "rollup-plugin-vue": "3.0.0"
11 |   },
12 |   "dependencies": {
13 |     "vue": "^2.5.13",
14 |     "vue-template-compiler": "^2.5.13"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/docs/recipes/transpile-css-files.md:
--------------------------------------------------------------------------------
 1 | # Transpile CSS files
 2 | 
 3 | `Bili` supports CSS by default with the help from [rollup-plugin-postcss](https://github.com/egoist/rollup-plugin-postcss):
 4 | 
 5 | The default options for `rollup-plugin-postcss`:
 6 | 
 7 | ```js
 8 | {
 9 |   extract: true
10 | }
11 | ```
12 | 
13 | By default CSS files will be extracted to the same location where the JS is generated but with `.css` extension.
14 | 


--------------------------------------------------------------------------------
/docs/recipes/transpile-vue-files.md:
--------------------------------------------------------------------------------
 1 | # Transpile Vue files
 2 | 
 3 | You can use [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue) to achieve this.
 4 | 
 5 | ```bash
 6 | cd my-project
 7 | yarn add rollup-plugin-vue --dev
 8 | bili --plugin vue
 9 | # or with options
10 | bili --plugin vue --vue.css dist/style.css
11 | ```
12 | 
13 | By default `<style>` tag in Vue SFC will be extracted to the same location where the JS is generated but with `.css` extension.
14 | 


--------------------------------------------------------------------------------
/src/template.js:
--------------------------------------------------------------------------------
 1 | export default (tpl, data) => {
 2 |   if (typeof tpl !== 'string') {
 3 |     throw new TypeError(`Expected a string in the first argument, got ${typeof tpl}`)
 4 |   }
 5 | 
 6 |   if (typeof data !== 'object') {
 7 |     throw new TypeError(`Expected an Object/Array in the second argument, got ${typeof data}`)
 8 |   }
 9 | 
10 |   const re = /\[(.*?)\]/g
11 | 
12 |   return tpl.replace(re, (_, key) => {
13 |     let ret = data
14 | 
15 |     for (const prop of key.split('.')) {
16 |       ret = ret ? ret[prop] : ''
17 |     }
18 | 
19 |     return ret || ''
20 |   })
21 | }
22 | 


--------------------------------------------------------------------------------
/src/progress-plugin.js:
--------------------------------------------------------------------------------
 1 | import path from 'path'
 2 | import chalk from 'chalk'
 3 | import emoji from './emoji'
 4 | import logger from './logger'
 5 | 
 6 | export default () => {
 7 |   let bundling = 0
 8 |   return {
 9 |     name: 'bili-progress',
10 |     transform(code, id) {
11 |       logger.status(
12 |         emoji.progress,
13 |         `Bundling ${chalk.cyan(++bundling)} file${
14 |           bundling > 1 ? 's' : ''
15 |         }: ${chalk.green(path.relative(process.cwd(), id))}`,
16 |         true
17 |       )
18 |     },
19 |     ongenerate() {
20 |       bundling = 0
21 |     }
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/src/handle-error.js:
--------------------------------------------------------------------------------
 1 | import chalk from 'chalk'
 2 | import logger from './logger'
 3 | 
 4 | export function handleError(err) {
 5 |   process.exitCode = process.exitCode || 1
 6 |   if (err.message.includes('You must supply options.name for UMD bundles')) {
 7 |     return logger.error(`You must supply ${chalk.green('options.moduleName')} for UMD bundles, the easiest way is to use ${chalk.green('--moduleName')} flag.\n${getDocRef('api', 'modulename')}`)
 8 |   }
 9 | 
10 |   logger.error(err)
11 | }
12 | 
13 | export function getDocRef(page, id) {
14 |   return chalk.dim(`📖  https://egoist.moe/bili/#/${page}${id ? `?id=${id}` : ''}`)
15 | }
16 | 


--------------------------------------------------------------------------------
/circle.yml:
--------------------------------------------------------------------------------
 1 | version: 2
 2 | jobs:
 3 |   build:
 4 |     working_directory: ~/repo
 5 |     docker:
 6 |       - image: circleci/node:latest
 7 |     branches:
 8 |       ignore:
 9 |         - gh-pages # list of branches to ignore
10 |         - /release\/.*/ # or ignore regexes
11 |     steps:
12 |       - checkout
13 |       - restore_cache:
14 |           key: dependency-cache-{{ checksum "yarn.lock" }}
15 |       - run:
16 |           name: install dependences
17 |           command: yarn
18 |       - save_cache:
19 |           key: dependency-cache-{{ checksum "yarn.lock" }}
20 |           paths:
21 |             - ./node_modules
22 |       - run:
23 |           name: test
24 |           command: yarn test:cov
25 |       - run:
26 |           name: upload coverage
27 |           command: bash <(curl -s https://codecov.io/bash)
28 | 


--------------------------------------------------------------------------------
/docs/recipes/update-package-json.md:
--------------------------------------------------------------------------------
 1 | # Update `package.json`
 2 | 
 3 | Configure fields in `package.json` to make your package work in various environments like `npm`, `webpack`, or a CDN provider like `jsdelivr`.
 4 | 
 5 | ## Configure the default file
 6 | 
 7 | * `main`: the default file for every environment, it's usually pointed to your CommonJS bundle.
 8 | * `module`: the default file for tools that supports `es` format.
 9 | * `unpkg`: the default file for unpkg.com with fallback to `main` file. You should point it to the `umd` or `iife` bundle.
10 | * `jsdelivr`: like `unpkg` but for jsdelivr.com.
11 | 
12 | ## Specify included files
13 | 
14 | You should specify which files should be published on npm instead of publishing everything, in this case we're using `bili`, so all files in `dist` folder should be included:
15 | 
16 | ```json
17 | {
18 |   "files": ["dist"]
19 | }
20 | ```
21 | 


--------------------------------------------------------------------------------
/docs/recipes/use-rollup-plugins.md:
--------------------------------------------------------------------------------
 1 | # Use Rollup plugins
 2 | 
 3 | You can add any Rollup plugin via `plugins` option or `--plugin` flag.
 4 | 
 5 | Via config file:
 6 | 
 7 | ```js
 8 | module.exports = {
 9 |   plugins: [
10 |     // Bare string, use `rollup-plugin-vue`
11 |     'vue',
12 |     // Directly require
13 |     require('rollup-plugin-foo')()
14 |   ]
15 | }
16 | ```
17 | 
18 | Or CLI flags:
19 | 
20 | ```bash
21 | bili --plugin vue
22 | # multiple
23 | bili --plugin bar,baz
24 | bili --plugin bar --plugin baz
25 | ```
26 | 
27 | ## Pass options
28 | 
29 | If you pass the plugin as string, you can supply its options via root option with corresponding name, e.g. for `rollup-plugin-vue`:
30 | 
31 | Via config file:
32 | 
33 | ```js
34 | module.exports = {
35 |   plugins: ['vue'],
36 |   vue: {
37 |     someOption: 'value'
38 |   }
39 | }
40 | ```
41 | 
42 | Or CLI flags:
43 | 
44 | ```bash
45 | bili --plugin vue --vue.someOption value
46 | ```
47 | 


--------------------------------------------------------------------------------
/src/virtual-modules-plugin.js:
--------------------------------------------------------------------------------
 1 | import path from 'path'
 2 | 
 3 | const PREFIX = `\0virtual:`
 4 | 
 5 | export default function virtual(modules, cwd) {
 6 |   const resolvedIds = new Map()
 7 | 
 8 |   if (modules) {
 9 |     Object.keys(modules).forEach(id => {
10 |       resolvedIds.set(path.resolve(cwd, id), modules[id])
11 |     })
12 |   }
13 | 
14 |   return {
15 |     name: 'virtual',
16 | 
17 |     resolveId(id, importer) {
18 |       if (!modules) return
19 | 
20 |       if (importer) {
21 |         if (importer.startsWith(PREFIX)) {
22 |           importer = importer.slice(PREFIX.length)
23 |         }
24 |         const resolved = path.resolve(path.dirname(importer), id)
25 |         if (resolvedIds.has(resolved)) return PREFIX + resolved
26 |       } else {
27 |         // Entry files
28 |         const resolved = path.resolve(id)
29 |         if (resolvedIds.has(resolved)) return PREFIX + resolved
30 |       }
31 |     },
32 | 
33 |     load(id) {
34 |       if (id.startsWith(PREFIX)) {
35 |         id = id.slice(PREFIX.length)
36 |         return resolvedIds.get(id)
37 |       }
38 |     }
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) EGOIST <0x142857@gmail.com> (https://egoist.moe)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/get-config.js:
--------------------------------------------------------------------------------
 1 | import path from 'path'
 2 | import UseConfig from 'use-config'
 3 | import chalk from 'chalk'
 4 | import findBabelConfig from 'find-babel-config'
 5 | import logger from './logger'
 6 | 
 7 | export function getBabelConfig(cwd, disableBabelRc, babelOptions) {
 8 |   // Only find babelrc one level deep
 9 |   const { file } = findBabelConfig.sync(cwd, 1)
10 |   const babelConfig = {
11 |     babelrc: false,
12 |     runtimeHelpers: true
13 |   }
14 | 
15 |   if (file && !disableBabelRc) {
16 |     logger.debug(`${chalk.bold('Babel config')}:\n${file}`)
17 |     babelConfig.extends = file
18 |   }
19 |   if (!babelConfig.extends) {
20 |     // Use our default preset when no babelrc was found
21 |     babelConfig.presets = [[require.resolve('./babel'), babelOptions]]
22 |   }
23 | 
24 |   return babelConfig
25 | }
26 | 
27 | export function getBiliConfig() {
28 |   const useConfig = new UseConfig({
29 |     name: 'bili',
30 |     files: ['package.json', '{name}.config.js', '.{name}rc']
31 |   })
32 |   const { path: configPath, config } = useConfig.loadSync()
33 |   if (configPath) {
34 |     logger.debug(chalk.bold(`Bili config file: ${path.relative(process.cwd(), configPath)}`))
35 |   }
36 |   return config
37 | }
38 | 


--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
 1 | # Bili
 2 | 
 3 | Delightful library bundler.
 4 | 
 5 | ## Features
 6 | 
 7 | * 🚀 Fast, zero-config by default.
 8 | * 📦 Using Rollup under the hood.
 9 | * 🚗 Automatically transforms JS files using Buble/Babel.
10 | * 💅 Built-in support for `CSS` `Sass` `Stylus` `Less` `CSS modules`.
11 | * 🎶 Ridiculously easy to use Rollup plugins if you want.
12 | * 🚨 Friendly error logging experience.
13 | 
14 | ## Quick Start
15 | 
16 | Run a single command to bundle `src/index.js`:
17 | 
18 | ```bash
19 | bili
20 | ```
21 | 
22 | And the output will be:
23 | 
24 | ```
25 | ┌───────────────────────────────────┐
26 | │file               size   gzip size│
27 | │dist/index.cjs.js  84 B   98 B     │
28 | └───────────────────────────────────┘
29 | ```
30 | 
31 | It's bundled into CommonJS format by default, to bundle in other format you can use the [`format`](/api#format) option:
32 | 
33 | ```bash
34 | bili --format cjs,umd,umd-min
35 | ```
36 | 
37 | * `dist/index.cjs.js`: CommonJS format, to use in Node.js or with a bundler.
38 | * `dist/index.js`: UMD format, to use in browser directly.
39 | * `dist/index.min.js`: UMD format, to use in browser directly.
40 | * `dist/index.es.js`: ES modules format.
41 | 
42 | You may use a custom [`moduleName`](/api#modulename) for the UMD format.
43 | 


--------------------------------------------------------------------------------
/src/get-banner.js:
--------------------------------------------------------------------------------
 1 | import stringifyAuthor from 'stringify-author'
 2 | import firstCommitDate from 'first-commit-date'
 3 | 
 4 | export default (banner, pkg) => {
 5 |   if (!banner || typeof banner === 'string') {
 6 |     return banner
 7 |   }
 8 | 
 9 |   pkg = typeof banner === 'object' ? { ...pkg, ...banner } : pkg
10 | 
11 |   const name = pkg.name
12 | 
13 |   if (typeof name !== 'string') {
14 |     throw new TypeError(`Expect "name" in package.json to be a string but got ${typeof name}.`)
15 |   }
16 | 
17 |   const version = pkg.version ? `v${pkg.version}` : ''
18 |   let year = pkg.year
19 | 
20 |   if (!year) {
21 |     try {
22 |       const date = firstCommitDate.sync()
23 |       year = new Date(date).getFullYear()
24 |     } catch (e) {
25 |       year = new Date().getFullYear()
26 |     }
27 |   }
28 | 
29 |   let author =
30 |     typeof pkg.author === 'string' ?
31 |       pkg.author :
32 |       typeof pkg.author === 'object' ? stringifyAuthor(pkg.author) : ''
33 |   author = author ? author : ''
34 | 
35 |   const license = pkg.license || ''
36 | 
37 |   banner =
38 |     '/*!\n' +
39 |     ` * ${name} ${version}\n` +
40 |     ` * (c) ${year}-present ${author}\n` +
41 |     (license && ` * Released under the ${license} License.\n`) +
42 |     ' */'
43 | 
44 |   return banner
45 | }
46 | 


--------------------------------------------------------------------------------
/docs/recipes/transpile-js-files.md:
--------------------------------------------------------------------------------
 1 | # Transpile JS files
 2 | 
 3 | **Bili** supports Babel and Buble out of the box, you don't need to install any extra plugins to make them work, by default we use `babel`, if you prefer using `buble` to generate smaller output then try `--js buble` flag.
 4 | 
 5 | That's it!
 6 | 
 7 | ## Babel
 8 | 
 9 | We use a sane default config for Babel, basically it:
10 | 
11 | * Uses `babel-preset-env`.
12 | * Supports [Flow](https://flow.org).
13 | * Compiles `object-rest-spread` to `Object.assign`.
14 | * Compiles `async/await` to Promise without regenerator using [fast-async](https://github.com/MatAtBread/fast-async).
15 | * React/Vue JSX
16 | 
17 | You can add a `.babelrc` file in your project to use your custom config instead. If you want to disable `.babelrc` in your project, pass `--no-babel.babelrc` flag.
18 | 
19 | To check if any `.babelrc` file is used, run `bili` with `--debug` flag.
20 | 
21 | ## Buble
22 | 
23 | What Buble supports:
24 | 
25 | * Supports [Flow](https://flow.org).
26 | * Compiles `object-rest-spread` to `Object.assign`.
27 | * Compiles `async/await` to Promise without regenerator using [fast-async](https://github.com/MatAtBread/fast-async).
28 | * React/Vue JSX
29 | 
30 | ## TypeScript
31 | 
32 | We automatically use [rollup-plugin-typescript2](https://github.com/ezolenko/rollup-plugin-typescript2) when the entry file ending with `.ts` and no custom JS plugin is specified, however you have to install [rollup-plugin-typescript2](https://github.com/ezolenko/rollup-plugin-typescript2) to make it work.
33 | 
34 | ## Custom JS plugin
35 | 
36 | Use `js` option for `--js` flag to specify desired JS preprocessor, eg: `--js coffee2` for CoffeeScript 2.
37 | 
38 | ---
39 | 
40 | See [Use Rollup Plugins](/recipes/use-rollup-plugins#pass-options) for how to pass options to plugins.
41 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="UTF-8">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8 |   <title>Bili</title>
 9 |   <link rel="stylesheet" href="https://unpkg.com/docute/dist/docute.css">
10 | </head>
11 | 
12 | <body>
13 |   <div id="app"></div>
14 |   <script src="https://unpkg.com/docute/dist/docute.js"></script>
15 |   <script src="https://unpkg.com/prismjs@1.9.0/components/prism-typescript.min.js"></script>
16 |   <script>
17 |     docute.init({
18 |       repo: 'egoist/bili',
19 |       twitter: '_egoistlily',
20 |       'edit-link': 'https://github.com/egoist/bili/blob/master/docs/',
21 |       nav: [
22 |         {
23 |           title: 'Home',
24 |           path: '/'
25 |         },
26 |         {
27 |           title: 'API',
28 |           path: '/api'
29 |         },
30 |         {
31 |           title: 'Recipes',
32 |           type: 'dropdown',
33 |           items: [
34 |             {
35 |               title: 'Use Rollup plugins',
36 |               path: '/recipes/use-rollup-plugins'
37 |             },
38 |             {
39 |               title: 'Transpile JS files',
40 |               path: '/recipes/transpile-js-files'
41 |             },
42 |             {
43 |               title: 'Transpile CSS files',
44 |               path: '/recipes/transpile-css-files'
45 |             },
46 |             {
47 |               title: 'Transpile Vue files',
48 |               path: '/recipes/transpile-vue-files'
49 |             },
50 |             {
51 |               title: 'Bundle multi files',
52 |               path: '/recipes/bundle-multi-files'
53 |             },
54 |             {
55 |               title: 'Inline 3rd-party modules',
56 |               path: '/recipes/inline-3rd-party-modules'
57 |             },
58 |             {
59 |               title: 'Update package.json',
60 |               path: '/recipes/update-package-json'
61 |             }
62 |           ]
63 |         }
64 |       ]
65 |     })
66 |   </script>
67 | </body>
68 | 
69 | </html>
70 | 


--------------------------------------------------------------------------------
/src/cli.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | import cac from 'cac'
 3 | import Bili from '.'
 4 | 
 5 | const cli = cac()
 6 | 
 7 | cli
 8 |   .command('*', 'Bundle library', async (input, flags) => {
 9 |     const options = {
10 |       input,
11 |       ...flags
12 |     }
13 |     if (options.input.length === 0) {
14 |       delete options.input
15 |     }
16 |     if (options.debug) {
17 |       options.logLevel = 4
18 |     } else if (options.quiet) {
19 |       options.logLevel = 1
20 |     }
21 |     return Bili.write(options)
22 |   })
23 |   .option('watch', {
24 |     desc: 'Build and watch files',
25 |     alias: 'w'
26 |   })
27 |   .option('outDir', {
28 |     desc: 'Output directory (default: "dist")',
29 |     alias: ['o', 'd']
30 |   })
31 |   .option('target', {
32 |     desc: 'Output target (default: "browser")',
33 |     alias: 't'
34 |   })
35 |   .option('moduleName', {
36 |     desc: 'Module name for UMD/IIFE bundle'
37 |   })
38 |   .option('format', {
39 |     desc: 'Output format (default: "cjs")'
40 |   })
41 |   .option('filename', {
42 |     desc: 'Output filename (default: "[name][suffix].js")'
43 |   })
44 |   .option('name', {
45 |     desc: 'Set the [name] part of "filename"'
46 |   })
47 |   .option('plugin', {
48 |     desc: 'Add custom Rollup plugins'
49 |   })
50 |   .option('jsx', {
51 |     desc: 'Switch JSX syntax, eg: "vue" "h" (default: "react")'
52 |   })
53 |   .option('global', {
54 |     desc:
55 |       'Mark module as global variable. Any module IDs defined here are added to external',
56 |     alias: 'g'
57 |   })
58 |   .option('alias', {
59 |     desc: 'Set option for rollup-plugin-alias'
60 |   })
61 |   .option('replace', {
62 |     desc: 'Set option for rollup-plugin-replace'
63 |   })
64 |   .option('env', {
65 |     desc: 'Replace env variables in your bundle',
66 |     alias: 'e'
67 |   })
68 |   .option('inline', {
69 |     desc: 'Inline external node modules'
70 |   })
71 |   .option('banner', {
72 |     desc:
73 |       'Content to insert to the top of bundle file, boolean or string or object'
74 |   })
75 |   .option('debug', {
76 |     desc: 'Show debug logs'
77 |   })
78 |   .option('quiet', {
79 |     desc: 'Show error logs only'
80 |   })
81 |   .option('no-logUpdate', {
82 |     desc: 'Disable logUpdate'
83 |   })
84 | 
85 | cli.parse()
86 | 


--------------------------------------------------------------------------------
/docs/recipes/bundle-multi-files.md:
--------------------------------------------------------------------------------
 1 | # Bundle multi files
 2 | 
 3 | You can specify multi entries like:
 4 | 
 5 | ```bash
 6 | bili src/index.js src/cli.js --filename "[name].js"
 7 | # or use glob patterns
 8 | bili "src/*.js" --filename "[name].js"
 9 | ```
10 | 
11 | <details style="margin-bottom: 20px;color: #666"><summary style="font-style: italic">A note on why we use `filename` option here</summary><br>
12 | 
13 | In `cjs` format the filename of output files will be `[name][suffix].js` where the `[suffix]` is `.cjs` in this case, however you may import `src/index.js` in `src/cli.js` in the form of `import main from './index'` without the `.cjs` suffix, so we have to remove suffix here.
14 | 
15 | </details>
16 | 
17 | In this way the bundled files will be:
18 | 
19 | ```bash
20 | dist/index.js
21 | dist/cli.js
22 | ```
23 | 
24 | It's common to build a CLI library and expose the API at the same time, so this could be very useful.
25 | 
26 | ## Exclude specific files from bundle
27 | 
28 | In `cjs` and `es` format, only modules in `node_modules` directory will be excluded from your bundle, this is fine when you are building a single-entry library.
29 | 
30 | However for a multi-entry lib, like a CLI app which exposes `dist/index.js` for API that you can require and `dist/cli.js` that you can use in terminal, bundling all files in both bundles introduces duplicated code, it's not really a big issue but for the sake of size, let's fix it!
31 | 
32 | Let's say we have a `./src/cli.js` which imports and uses `./src/index.js`:
33 | 
34 | ```js
35 | // src/cli.js
36 | #!/usr/bin/env node
37 | import main from './index'
38 | 
39 | console.log(main)
40 | ```
41 | 
42 | ```js
43 | // src/index.js
44 | export default 42
45 | ```
46 | 
47 | All you have to do is adding `./src/index.js` to the `external` option:
48 | 
49 | ```bash
50 | bili "src/{cli,index}.js" --external "./src/index.js" --filename "[name].js"
51 | ```
52 | 
53 | The value of `external` should actually be module name or absolute path, but since you're using CLI flag, we make it easier by auto-absolutify path starting with `./`.
54 | 
55 | Then your `dist/cli.cjs.js` will look similar to:
56 | 
57 | ```js
58 | #!/usr/bin/env node
59 | 'use strict'
60 | 
61 | function _interopDefault(ex) {
62 |   return ex && typeof ex === 'object' && 'default' in ex ? ex['default'] : ex
63 | }
64 | 
65 | var main = _interopDefault(require('./index'))
66 | 
67 | console.log(main)
68 | ```
69 | 


--------------------------------------------------------------------------------
/src/babel.js:
--------------------------------------------------------------------------------
 1 | const env = process.env.BABEL_ENV || process.env.NODE_ENV
 2 | 
 3 | export default (
 4 |   ctx,
 5 |   { jsx, buble, target, objectAssign, env: envOption } = {}
 6 | ) => {
 7 |   jsx = jsx || 'react'
 8 | 
 9 |   let presets = []
10 |   let plugins = []
11 | 
12 |   if (jsx === 'vue') {
13 |     presets.push(require.resolve('babel-preset-vue'))
14 |   } else if (jsx === 'react') {
15 |     plugins.push(require.resolve('@babel/plugin-transform-react-jsx'))
16 |   } else if (typeof jsx === 'string') {
17 |     plugins.push([
18 |       require.resolve('@babel/plugin-transform-react-jsx'),
19 |       { pragma: jsx }
20 |     ])
21 |   }
22 | 
23 |   plugins.push(
24 |     [
25 |       require.resolve('fast-async'),
26 |       {
27 |         spec: true
28 |       }
29 |     ],
30 |     require.resolve('@babel/plugin-transform-flow-strip-types'),
31 |     [
32 |       require.resolve('@babel/plugin-proposal-object-rest-spread'),
33 |       {
34 |         useBuiltIns: true,
35 |         loose: true
36 |       }
37 |     ],
38 |     [
39 |       require.resolve('babel-plugin-alter-object-assign'),
40 |       {
41 |         objectAssign
42 |       }
43 |     ]
44 |   )
45 | 
46 |   if (buble) {
47 |     return {
48 |       presets,
49 |       plugins
50 |     }
51 |   }
52 | 
53 |   presets = [
54 |     ...presets,
55 |     env === 'test' ?
56 |       [
57 |         require('@babel/preset-env').default,
58 |         {
59 |           modules: false,
60 |           targets: {
61 |             node: 'current'
62 |           },
63 |           ...envOption
64 |         }
65 |       ] :
66 |       [
67 |         require('@babel/preset-env').default,
68 |         {
69 |           // Never polyfill something like `Promise` `Proxy`
70 |           // Since we're building a library instead of an app
71 |           // You should not include polyfill in your lib anyways
72 |           useBuiltIns: false,
73 |           modules: false,
74 |           targets: target.startsWith('node') ?
75 |             {
76 |               node: target.split(':')[1] || 6
77 |             } :
78 |             {
79 |               ie: 9
80 |             },
81 |           exclude: ['transform-regenerator', 'transform-async-to-generator'],
82 |           ...envOption
83 |         }
84 |       ]
85 |   ]
86 | 
87 |   plugins = [
88 |     ...plugins,
89 |     require.resolve('@babel/plugin-proposal-class-properties')
90 |   ]
91 | 
92 |   return {
93 |     presets,
94 |     plugins
95 |   }
96 | }
97 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "bili",
  3 |   "version": "3.0.12",
  4 |   "description": "Delightful library bundler.",
  5 |   "repository": {
  6 |     "url": "egoist/bili",
  7 |     "type": "git"
  8 |   },
  9 |   "main": "dist/index.js",
 10 |   "bin": "dist/cli.js",
 11 |   "files": [
 12 |     "dist",
 13 |     "babel.js"
 14 |   ],
 15 |   "scripts": {
 16 |     "test": "npm run lint && jest && npm run build",
 17 |     "test:cov": "npm run lint && jest --coverage",
 18 |     "lint": "eslint src/**/*.js",
 19 |     "format": "prettier-eslint src/**/*.js --write",
 20 |     "build": "bili",
 21 |     "watch": "yarn build --watch"
 22 |   },
 23 |   "author": "EGOIST <0x142857@gmail.com>",
 24 |   "license": "MIT",
 25 |   "dependencies": {
 26 |     "@babel/core": "^7.0.0-beta.39",
 27 |     "@babel/plugin-proposal-class-properties": "^7.0.0-beta.39",
 28 |     "@babel/plugin-proposal-object-rest-spread": "^7.0.0-beta.39",
 29 |     "@babel/plugin-transform-flow-strip-types": "^7.0.0-beta.39",
 30 |     "@babel/plugin-transform-react-jsx": "^7.0.0-beta.39",
 31 |     "@babel/preset-env": "^7.0.0-beta.39",
 32 |     "babel-plugin-alter-object-assign": "^1.0.1",
 33 |     "babel-preset-vue": "^2.0.1",
 34 |     "boxen": "^1.3.0",
 35 |     "bytes": "^3.0.0",
 36 |     "cac": "^4.2.4",
 37 |     "camelcase": "^4.1.0",
 38 |     "chalk": "^2.3.0",
 39 |     "fast-async": "^6.3.0",
 40 |     "find-babel-config": "^1.1.0",
 41 |     "first-commit-date": "^0.2.0",
 42 |     "fs-extra": "^5.0.0",
 43 |     "globby": "^7.1.1",
 44 |     "gzip-size": "^4.1.0",
 45 |     "is-builtin-module": "^2.0.0",
 46 |     "is-ci": "^1.1.0",
 47 |     "log-update": "^2.3.0",
 48 |     "parse-package-name": "^0.1.0",
 49 |     "resolve-from": "^4.0.0",
 50 |     "rollup": "^0.57.1",
 51 |     "rollup-plugin-alias": "^1.4.0",
 52 |     "rollup-plugin-babel": "^4.0.0-beta.2",
 53 |     "rollup-plugin-buble": "^0.19.2",
 54 |     "rollup-plugin-commonjs": "^9.1.0",
 55 |     "rollup-plugin-hashbang": "^1.0.1",
 56 |     "rollup-plugin-json": "^2.3.0",
 57 |     "rollup-plugin-node-resolve": "^3.0.0",
 58 |     "rollup-plugin-postcss": "^1.2.3",
 59 |     "rollup-plugin-replace": "^2.0.0",
 60 |     "rollup-plugin-uglify": "^3.0.0",
 61 |     "string-width": "^2.1.1",
 62 |     "stringify-author": "^0.1.3",
 63 |     "text-table": "^0.2.0",
 64 |     "use-config": "^2.0.4"
 65 |   },
 66 |   "devDependencies": {
 67 |     "babel-core": "7.0.0-bridge.0",
 68 |     "babel-jest": "22.4.1",
 69 |     "babel-register": "6.26.0",
 70 |     "bili": "^3.0.11",
 71 |     "eslint": "4.15.0",
 72 |     "eslint-config-rem": "4.0.0",
 73 |     "eslint-config-xo": "0.19.0",
 74 |     "jest": "22.0.6",
 75 |     "p-all": "1.0.0",
 76 |     "p-map": "1.2.0",
 77 |     "prettier-eslint-cli": "4.7.0"
 78 |   },
 79 |   "eslintConfig": {
 80 |     "extends": [
 81 |       "xo",
 82 |       "rem"
 83 |     ],
 84 |     "env": {
 85 |       "jest": true
 86 |     }
 87 |   },
 88 |   "eslintIgnore": [
 89 |     "dist/**"
 90 |   ],
 91 |   "jest": {
 92 |     "testEnvironment": "node"
 93 |   },
 94 |   "keywords": [
 95 |     "rollup",
 96 |     "webpack",
 97 |     "bundler",
 98 |     "zero-config",
 99 |     "zero",
100 |     "config",
101 |     "simple",
102 |     "fast",
103 |     "bundle",
104 |     "package",
105 |     "gulp",
106 |     "typescript",
107 |     "babel",
108 |     "buble",
109 |     "css",
110 |     "sass",
111 |     "postcss",
112 |     "bili",
113 |     "poi",
114 |     "parcel"
115 |   ]
116 | }
117 | 


--------------------------------------------------------------------------------
/src/logger.js:
--------------------------------------------------------------------------------
  1 | import logUpdate from 'log-update'
  2 | import chalk from 'chalk'
  3 | import emoji from './emoji'
  4 | import { relativePath } from './util'
  5 | 
  6 | const prettyPluginName = name => {
  7 |   return name === 'rpt2' ? 'typescript2' : name
  8 | }
  9 | 
 10 | const prettyPluginError = err => {
 11 |   if (err.plugin === 'rpt2') {
 12 |     return err.message.replace(/\.ts\((\d+),(\d+)\):\s*/, '.ts:$1:$2\n')
 13 |   }
 14 |   return err.message
 15 | }
 16 | 
 17 | const prettyError = err => {
 18 |   if (err.name === 'BiliError') {
 19 |     return {
 20 |       message: err.message
 21 |     }
 22 |   }
 23 | 
 24 |   let message
 25 |   const frames = []
 26 | 
 27 |   if (err.plugin) {
 28 |     message = `(${prettyPluginName(err.plugin)}) ${prettyPluginError(err)}`
 29 |     frames.push(err.codeFrame || err.snippet)
 30 |   } else {
 31 |     message = err.message
 32 |     if (err.loc) {
 33 |       message += ` at ${relativePath(err.loc.file || err.id)}:${err.loc.line}:${
 34 |         err.loc.column
 35 |       }`
 36 |     }
 37 |     if (err.url) {
 38 |       frames.push(err.url)
 39 |     }
 40 |     frames.push(chalk.red(err.frame || err.stack))
 41 |   }
 42 | 
 43 |   return {
 44 |     message,
 45 |     frames: frames.join('\n')
 46 |   }
 47 | }
 48 | 
 49 | class Logger {
 50 |   constructor(options) {
 51 |     this.setOptions(options)
 52 |   }
 53 | 
 54 |   setOptions(options = {}) {
 55 |     this.logLevel = typeof options.logLevel === 'number' ? options.logLevel : 3
 56 |     this.useLogUpdate =
 57 |       typeof options.logUpdate === 'boolean' ? options.logUpdate : true
 58 |   }
 59 | 
 60 |   clear() {
 61 |     if (this.useLogUpdate) {
 62 |       logUpdate.clear()
 63 |     }
 64 |   }
 65 | 
 66 |   write(message, persistent = false) {
 67 |     if (persistent) {
 68 |       this.clear()
 69 |       console.log(message)
 70 |       return
 71 |     }
 72 |     if (this.useLogUpdate) {
 73 |       logUpdate(message)
 74 |     } else {
 75 |       console.log(message)
 76 |     }
 77 |   }
 78 | 
 79 |   // Debug message
 80 |   // Always persisted
 81 |   debug(message) {
 82 |     if (this.logLevel < 4) {
 83 |       return
 84 |     }
 85 | 
 86 |     this.write(message, true)
 87 |   }
 88 | 
 89 |   // Normal log
 90 |   // Persist by default
 91 |   log(message, update) {
 92 |     if (this.logLevel < 3) {
 93 |       return
 94 |     }
 95 | 
 96 |     this.write(message, !update)
 97 |   }
 98 | 
 99 |   // Warn status
100 |   warn(message) {
101 |     if (this.logLevel < 2) {
102 |       return
103 |     }
104 | 
105 |     this.status(emoji.warning, message)
106 |   }
107 | 
108 |   // Error status
109 |   error(err) {
110 |     if (this.logLevel < 1) {
111 |       return
112 |     }
113 | 
114 |     if (typeof err === 'string') {
115 |       return this.status(emoji.error, err)
116 |     }
117 | 
118 |     let { message, frames } = prettyError(err)
119 | 
120 |     this.status(emoji.error, message)
121 |     if (frames) {
122 |       console.error(frames)
123 |     }
124 |   }
125 | 
126 |   // Status message should be persisted
127 |   // Unless `update` is set
128 |   // Mainly used in `progress-plugin.js`
129 |   status(emoji, message, update) {
130 |     if (this.logLevel < 3) {
131 |       return
132 |     }
133 | 
134 |     if (update && this.useLogUpdate) {
135 |       return logUpdate(`${emoji}  ${message}`)
136 |     }
137 | 
138 |     this.clear()
139 |     console.log(`${emoji}  ${message}`)
140 |   }
141 | }
142 | 
143 | export default new Logger()
144 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <p align="center">
  2 | <img src="https://i.loli.net/2018/02/02/5a741da489499.png" alt="logo">
  3 | </p>
  4 | 
  5 | <p align="center"><a href="https://npmjs.com/package/bili"><img src="https://img.shields.io/npm/v/bili.svg?style=flat" alt="NPM version"></a> <a href="https://npmjs.com/package/bili"><img src="https://img.shields.io/npm/dm/bili.svg?style=flat" alt="NPM downloads"></a> <a href="https://circleci.com/gh/egoist/bili/tree/master"><img src="https://circleci.com/gh/egoist/bili/tree/master.svg?style=shield" alt="CircleCI"></a> <a href="https://codecov.io/gh/egoist/bili"><img src="https://codecov.io/gh/egoist/bili/branch/master/graph/badge.svg" alt="codecov"></a> <a href="https://github.com/egoist/donate"><img src="https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&amp;style=flat" alt="donate"></a> <a href="https://chat.egoist.moe"><img src="https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat" alt="chat"></a></p>
  6 | 
  7 | ## Features
  8 | 
  9 | * 🚀 Fast, zero-config by default.
 10 | * 📦 Using Rollup under the hood.
 11 | * 🚗 Automatically transforms JS files using Buble/Babel.
 12 | * 💅 Built-in support for `CSS` `Sass` `Stylus` `Less` `CSS modules`.
 13 | * 🎶 Ridiculously easy to use Rollup plugins if you want.
 14 | * 🚨 Friendly error logging experience.
 15 | 
 16 | <img src="https://cdn.rawgit.com/egoist/bili/master/media/preview.svg" width="600" alt="preview">
 17 | 
 18 | _In `umd` format it inlines node modules (could be turned off) so it takes a bit longer._
 19 | 
 20 | ## Install
 21 | 
 22 | **😇 Migrating from v1 to v2? Check out [release note](https://github.com/egoist/bili/releases/tag/v2.0.0).**<br>
 23 | **😇 Migrating from v2 to v3? Check out [release note](https://github.com/egoist/bili/releases/tag/v3.0.0).**
 24 | 
 25 | ```bash
 26 | # Globally
 27 | yarn global add bili
 28 | # Locally
 29 | yarn add bili --dev
 30 | ```
 31 | 
 32 | If you prefer npm:
 33 | 
 34 | ```bash
 35 | # Globally
 36 | npm i -g bili
 37 | # Locally
 38 | npm i -D bili
 39 | ```
 40 | 
 41 | ## Usage
 42 | 
 43 | Bundle `src/index.js` with a single command:
 44 | 
 45 | ```bash
 46 | bili
 47 | ```
 48 | 
 49 | Then you will get `./dist/index.cjs.js`. To generate in more formats, try:
 50 | 
 51 | ```bash
 52 | bili --format cjs,es,umd,umd-min
 53 | ```
 54 | 
 55 | Then you will get:
 56 | 
 57 | ```bash
 58 | index.js            # UMD format
 59 | index.min.js        # Minified UMD format
 60 | index.min.js.map    # Sourcemaps for minified UMD format
 61 | index.cjs.js        # CommonJS format
 62 | index.es.js         # ES module format
 63 | ```
 64 | 
 65 | Dive into the [documentation](https://egoist.moe/bili) to see more neat features!
 66 | 
 67 | Here're some quick links:
 68 | 
 69 | * [How to use Rollup plugins](https://egoist.moe/bili/#/recipes/use-rollup-plugins)
 70 | * [How to use Flow/TypeScript or any compile-to-js language](https://egoist.moe/bili/#/recipes/transpile-js-files)
 71 | * [How to transpile CSS files](https://egoist.moe/bili/#/recipes/transpile-css-files)
 72 | * [How to transpile Vue files](https://egoist.moe/bili/#/recipes/transpile-vue-files)
 73 | 
 74 | ## Bundled by Bili
 75 | 
 76 | * [cac](https://github.com/egoist/cac) - Simple yet powerful framework for building command-line interface.
 77 | * [vue-final-form](https://github.com/egoist/vue-final-form) - 🏁 High performance subscription-based form state management for Vue.js.
 78 | * [babel-preset-vue](https://github.com/vuejs/babel-preset-vue) - Babel preset for transforming Vue JSX.
 79 | * [uncouple](https://github.com/VitorLuizC/uncouple) - A simple lib to uncouple prototype methods.
 80 | * [cullender](https://github.com/VitorLuizC/cullender) - A simple and composable way to filter data.
 81 | * [vuex-handler](https://github.com/VitorLuizC/vuex-handler) - A vuex plugin to globally handle actions successes and failures.
 82 | * [gulp-html-accents](https://github.com/VitorLuizC/gulp-html-accents) - A gulp plugin that parse accents and special characters to HTMLEntities.
 83 | * [vue-data-tablee](https://github.com/VitorLuizC/vue-data-tablee) - A pretty simple Vue DataTable component with some features like sort and select rows.
 84 | * [vue-uuid](https://github.com/VitorLuizC/vue-uuid) - Vue plugin to add UUID methods to Vue instance.
 85 | * [vue-gh-corners](https://github.com/gluons/vue-gh-corners) - :octocat: GitHub Corners for Vue.
 86 | * [alphaX](https://github.com/ulivz/alphax) - :fire: Fueling your scaffolding.
 87 | * Feel free to submit yours
 88 | 
 89 | ## Contributing
 90 | 
 91 | 1. Fork it!
 92 | 2. Create your feature branch: `git checkout -b my-new-feature`
 93 | 3. Commit your changes: `git commit -am 'Add some feature'`
 94 | 4. Push to the branch: `git push origin my-new-feature`
 95 | 5. Submit a pull request :D
 96 | 
 97 | ## Author
 98 | 
 99 | **bili** © [EGOIST](https://github.com/egoist), Released under the [MIT](./LICENSE) License.<br>
100 | Authored and maintained by EGOIST with help from contributors ([list](https://github.com/egoist/bili/contributors)).
101 | 
102 | > [egoist.moe](https://egoist.moe) · GitHub [@EGOIST](https://github.com/egoist) · Twitter [@\_egoistlily](https://twitter.com/_egoistlily)
103 | 


--------------------------------------------------------------------------------
/test/index.test.js:
--------------------------------------------------------------------------------
  1 | import path from 'path'
  2 | import Bili from '../src'
  3 | 
  4 | process.env.BABEL_ENV = 'anything-not-test'
  5 | 
  6 | function fixture(...args) {
  7 |   return path.join(__dirname, 'fixtures', ...args)
  8 | }
  9 | 
 10 | function generate(options) {
 11 |   return Bili.generate({
 12 |     config: false,
 13 |     ...options
 14 |   })
 15 | }
 16 | 
 17 | function snapshot({ title, input, ...args }) {
 18 |   input = Array.isArray(input) ? input : [input]
 19 |   test(title, async () => {
 20 |     const { bundles } = await generate({
 21 |       input,
 22 |       ...args
 23 |     })
 24 |     expect(Object.keys(bundles)
 25 |       .sort()
 26 |       .map(filepath => [bundles[filepath].relative, bundles[filepath].code])).toMatchSnapshot()
 27 |   })
 28 | }
 29 | 
 30 | snapshot({
 31 |   title: 'defaults',
 32 |   input: 'index.js',
 33 |   cwd: fixture('defaults')
 34 | })
 35 | 
 36 | snapshot({
 37 |   title: 'buble:async',
 38 |   input: 'async.js',
 39 |   js: 'buble',
 40 |   cwd: fixture('buble')
 41 | })
 42 | 
 43 | snapshot({
 44 |   title: 'buble:async-and-object-rest-spread',
 45 |   input: 'async-dot-dot-dot.js',
 46 |   js: 'buble',
 47 |   cwd: fixture('buble')
 48 | })
 49 | 
 50 | snapshot({
 51 |   title: 'buble:react-jsx',
 52 |   input: 'react-jsx.js',
 53 |   js: 'buble',
 54 |   cwd: fixture('buble')
 55 | })
 56 | 
 57 | snapshot({
 58 |   title: 'buble:vue-jsx',
 59 |   input: 'vue-jsx.js',
 60 |   jsx: 'vue',
 61 |   js: 'buble',
 62 |   cwd: fixture('buble')
 63 | })
 64 | 
 65 | snapshot({
 66 |   title: 'banner:true',
 67 |   banner: true,
 68 |   input: 'index.js',
 69 |   cwd: fixture('banner')
 70 | })
 71 | 
 72 | snapshot({
 73 |   title: 'banner:object',
 74 |   input: 'default.js',
 75 |   banner: {
 76 |     year: '2018',
 77 |     author: 'author',
 78 |     license: 'GPL',
 79 |     name: 'name',
 80 |     version: '1.2.3'
 81 |   },
 82 |   cwd: fixture()
 83 | })
 84 | 
 85 | snapshot({
 86 |   title: 'no-js-transform',
 87 |   js: false,
 88 |   input: 'index.js',
 89 |   cwd: fixture('no-js-transform')
 90 | })
 91 | 
 92 | snapshot({
 93 |   title: 'banner:string',
 94 |   input: 'default.js',
 95 |   banner: 'woot',
 96 |   cwd: fixture()
 97 | })
 98 | 
 99 | snapshot({
100 |   title: 'exclude file',
101 |   input: 'index.js',
102 |   external: ['./foo.js'],
103 |   cwd: fixture('exclude-file')
104 | })
105 | 
106 | snapshot({
107 |   title: 'extendOptions',
108 |   format: 'umd,umd-min,cjs',
109 |   input: ['foo.js', 'bar.js'],
110 |   cwd: fixture('extend-options'),
111 |   extendOptions(options, { input, format, compress }) {
112 |     if (input.endsWith('foo.js')) {
113 |       options.moduleName = 'endsWithFoo'
114 |     }
115 |     if (format === 'umd') {
116 |       options.moduleName = 'umd'
117 |     }
118 |     if (compress) {
119 |       options.moduleName = 'min'
120 |     }
121 |     return options
122 |   }
123 | })
124 | 
125 | snapshot({
126 |   title: 'inline:true',
127 |   inline: true,
128 |   input: 'index.js',
129 |   cwd: fixture('inline')
130 | })
131 | 
132 | snapshot({
133 |   title: 'async',
134 |   input: 'index.js',
135 |   cwd: fixture('async')
136 | })
137 | 
138 | describe('multi formats without suffix error', () => {
139 |   test('it throws', async () => {
140 |     expect.assertions(1)
141 |     try {
142 |       await generate({
143 |         input: 'index.js',
144 |         format: ['cjs', 'umd'],
145 |         filename: '[name].js',
146 |         cwd: fixture('defaults'),
147 |         moduleName: 'foo'
148 |       })
149 |     } catch (err) {
150 |       expect(err.message).toMatch(/Multiple files are emitting to the same path/)
151 |     }
152 |   })
153 | 
154 |   test('it does not throw', async () => {
155 |     await generate({
156 |       input: 'index.js',
157 |       format: ['umd-min', 'umd'],
158 |       filename: '[name].js',
159 |       cwd: fixture('defaults'),
160 |       moduleName: 'foo'
161 |     })
162 |   })
163 | })
164 | 
165 | test('cwd', async () => {
166 |   // This tests two things
167 |   const bili = await generate({
168 |     // 1. resolve `input` from `cwd`
169 |     input: 'index.js',
170 |     cwd: fixture('defaults')
171 |   })
172 |   // 2. output file is relative to `cwd`
173 |   const outputPath = Object.keys(bili.bundles)[0]
174 |   expect(outputPath).toMatch('/test/fixtures/defaults/dist/index.cjs.js')
175 | })
176 | 
177 | snapshot({
178 |   title: 'virtualModules',
179 |   input: './dayyum',
180 |   cwd: fixture('virtual'),
181 |   virtualModules: {
182 |     './dayyum': `import bar from './bar'\nexport default bar + 123`,
183 |     // Relative path is relative to process.cwd()
184 |     './bar': `import baz from 'baz';export default baz + 1`,
185 |     baz: `export default 2`
186 |   }
187 | })
188 | 
189 | snapshot({
190 |   title: 'target:node',
191 |   input: 'index.js',
192 |   cwd: fixture('target/node'),
193 |   target: 'node'
194 | })
195 | 
196 | snapshot({
197 |   title: 'babel:with-config',
198 |   input: 'index.js',
199 |   cwd: fixture('babel/with-config')
200 | })
201 | 
202 | snapshot({
203 |   title: 'babel:disable-config',
204 |   input: 'index.js',
205 |   cwd: fixture('babel/with-config'),
206 |   babel: {
207 |     babelrc: false
208 |   }
209 | })
210 | 
211 | snapshot({
212 |   title: 'babel:object-rest-spread',
213 |   input: 'index.js',
214 |   cwd: fixture('babel/object-rest-spread')
215 | })
216 | 
217 | snapshot({
218 |   title: 'uglify',
219 |   input: 'index.js',
220 |   cwd: fixture('uglify'),
221 |   format: 'cjs-min'
222 | })
223 | 


--------------------------------------------------------------------------------
/docs/api.md:
--------------------------------------------------------------------------------
  1 | # API
  2 | 
  3 | ```js
  4 | import Bili from 'bili'
  5 | 
  6 | Bili.write(options).then(() => {
  7 |   console.log('Done!')
  8 | })
  9 | ```
 10 | 
 11 | ## Use config file
 12 | 
 13 | Following options are accepted both in CLI flags and config file,namely `bili.config.js`, `.bilirc`, `bili` key in `package.json`.
 14 | 
 15 | ## options
 16 | 
 17 | ### input
 18 | 
 19 | Type: `string` `Array`<br>
 20 | Default: `src/index.js`
 21 | 
 22 | Glob patterns or file paths.
 23 | 
 24 | ### outDir
 25 | 
 26 | Type: `string`<br>
 27 | Default: `dist`
 28 | 
 29 | ### format
 30 | 
 31 | Type: `string` `Array`<br>
 32 | Default: `['cjs']`<br>
 33 | Possible values: `cjs` `umd` `es` `iife`<br>
 34 | Alias: `formats`
 35 | 
 36 | You can add `-min` suffix to generate minified version.
 37 | 
 38 | ### moduleName
 39 | 
 40 | Type: `string`
 41 | 
 42 | Required in `umd` format, set the module name.
 43 | 
 44 | ### global
 45 | 
 46 | Type: `object`<br>
 47 | Alias: `globals`
 48 | 
 49 | Object of id: name pairs, used for umd/iife bundles. For example, in a case like this...
 50 | 
 51 | ```js
 52 | import $ from 'jquery'
 53 | ```
 54 | 
 55 | ...we want to tell Bili that the jquery module ID equates to the global $ variable:
 56 | 
 57 | ```bash
 58 | bili --global.jquery "$"
 59 | ```
 60 | 
 61 | All module IDs will be automatically added to [`external`](#external)
 62 | 
 63 | ### filename
 64 | 
 65 | Type: `string`<br>
 66 | Default: `[name][suffix].js`
 67 | 
 68 | The filename of output file.
 69 | 
 70 | * `[name]` is the base name of input, e.g. the base name of `src/index.js` is `index`.
 71 | * `[suffix]` is the corresponding suffix for current format, like `.cjs` for `cjs` format, `.m` for `es` format, and there's no suffix for `umd` format.
 72 | 
 73 | ### name
 74 | 
 75 | Type: `string`<br>
 76 | Default: Base name of input.
 77 | 
 78 | Set the `[name]` part of [`filename`](#filename).
 79 | 
 80 | ### inline
 81 | 
 82 | Type: `boolean`<br>
 83 | Default: `false` or `true` when [`format`](#format) is `umd` or `iife`
 84 | 
 85 | Inline node modules into final bundle.
 86 | 
 87 | ### cwd
 88 | 
 89 | Type: `string`<br>
 90 | Default: `process.cwd()`
 91 | 
 92 | The base dir to resolve relative paths from.
 93 | 
 94 | ### external
 95 | 
 96 | Type: `Array` `function`
 97 | 
 98 | Either a Function that takes an id and returns `true` (external) or `false` (not external), or an Array of module IDs that should remain external to the bundle. The IDs should be either:
 99 | 
100 | * The name of an external dependency
101 | * A resolved ID (like an absolute or relative path to a file)
102 | 
103 | ### banner
104 | 
105 | Type: `boolean` `string` `object`
106 | 
107 | When `true` it inserts a copyright message to the top of final bundle like below:
108 | 
109 | ```js
110 | /*!
111 |  * bili v0.0.0
112 |  * (c) 2017-present egoist <0x142857@gmail.com>
113 |  * Released under the MIT License.
114 |  */
115 | ```
116 | 
117 | By default the information in the copyright message is from your `package.json`, but you can use an `object` as `banner` to override it:
118 | 
119 | ```js
120 | {
121 |   version, name, year, author, license
122 | }
123 | ```
124 | 
125 | Of course a `string` is also accepted.
126 | 
127 | ### postcss
128 | 
129 | Type: `object`<br>
130 | Default: `{extract: true}`
131 | 
132 | Options for `rollup-plugin-postcss`, it will also automatically load local PostCSS config file.
133 | 
134 | ### js
135 | 
136 | Type: `string` `boolean`<br>
137 | Default: `babel`
138 | 
139 | Specify the Rollup plugin we should use to transform `.js` files, you can set it to `false` to disable this.
140 | 
141 | Built-in js plugin:
142 | 
143 | * `buble`: using `rollup-plugin-buble` together with `rollup-plugin-babel` for minimal output
144 | * `babel`: using `rollup-plugin-babel` only
145 | 
146 | ### plugin
147 | 
148 | Type: `string` `Array<string>` `Array<object>`<br>
149 | Alias: `plugins`
150 | 
151 | Add extra Rollup plugins, e.g. `rollup-plugin-vue`:
152 | 
153 | ```bash
154 | bili --plugin vue
155 | # or more
156 | bili --plugin vue,coffeescript
157 | # with options
158 | bili --plugin vue --vue.css ./style.css
159 | ```
160 | 
161 | You can also directly require Rollup plugin if you are using JS config or JS API:
162 | 
163 | ```js
164 | // bili.config.js
165 | module.exports = {
166 |   plugin: [require('rollup-plugin-foo')(options)]
167 | }
168 | ```
169 | 
170 | ### target
171 | 
172 | Type: `string`<br>
173 | Default: `browser`<br>
174 | Possible values: `node` `node:{TARGET}`
175 | 
176 | Compile for specific target:
177 | 
178 | * For `node`
179 |   * we compile JS to `node: 6` syntax with `babel-preset-env`.
180 |   * Never use `browser` field in `package.json`.
181 | * For `browser`
182 |   * we compile JS to `ie: 9` syntax with `babel-preset-env`.
183 |   * Use `browser` field in `package.json`
184 | 
185 | Note that this option won't work if you're using custom babel config file.
186 | 
187 | ### jsx
188 | 
189 | Type: `string`<br>
190 | Default: `react`<br>
191 | Possible values: `react` `vue` or any JSX pragma like `h`
192 | 
193 | Switch JSX syntax, only works with our default Babel config or Buble.
194 | 
195 | ### objectAssign
196 | 
197 | Type: `string`<br>
198 | Default: `undefined`
199 | 
200 | Replace `Object.assign` (including the ones transformed from object reset spread) with a custom function name.
201 | 
202 | This only works with our default Babel config or Buble.
203 | 
204 | ### exports
205 | 
206 | Type: `string`<br>
207 | Default: `auto`
208 | 
209 | https://rollupjs.org/#exports. You will need it to disable the warning when you're mixing default export and named exports.
210 | 
211 | ### replace
212 | 
213 | Type: `object`
214 | 
215 | Add options for [rollup-plugin-replace](Add options to rollup-plugin-replace.).
216 | 
217 | ### alias
218 | 
219 | Type: `object`
220 | 
221 | This is some feature which is similar to Webpack's `resolve.alias`.
222 | 
223 | ### env
224 | 
225 | Type: `object`
226 | 
227 | Like [`replace`](#replace) option but it replaces strings that start with `process.env` and automatically stringifies the value:
228 | 
229 | ```js
230 | bili --env.NODE_ENV development
231 | ```
232 | 
233 | Then in your app:
234 | 
235 | ```js
236 | const prod = process.env.NODE_ENV === 'production'
237 | // compiled to
238 | const prod = 'development' === 'production'
239 | ```
240 | 
241 | <p class="tip">
242 | Note that in `umd` and `iife` format, `NODE_ENV` will default to `development` when uncompressed or `production` when compressed.
243 | </p>
244 | 
245 | ### virtualModules
246 | 
247 | Type: `object`
248 | 
249 | Load modules from memory.
250 | 
251 | Let's say you have `src/index.js`:
252 | 
253 | ```js
254 | import foo from 'foo'
255 | 
256 | console.log(foo + 'bar')
257 | ```
258 | 
259 | And config file:
260 | 
261 | ```js
262 | module.exports = {
263 |   input: './src/index.js',
264 |   virtualModules: {
265 |     foo: `export default 'foo'`
266 |   }
267 | }
268 | ```
269 | 
270 | Then the result would be:
271 | 
272 | ```js
273 | console.log('foobar')
274 | ```
275 | 
276 | The entry of `virtualModules` could be a bare module id or absolute path or relative path:
277 | 
278 | ```js
279 | {
280 |   foo: 'export default 1',
281 |   '/path/to/bar': 'export default 2',
282 |   './baz': 'export default 3'
283 | }
284 | ```
285 | 
286 | Note that relative paths are relative to [cwd](#cwd).
287 | 
288 | ### sizeLimit
289 | 
290 | Type: `object`
291 | 
292 | Limit bundle gzip size to a threshold and exit with non-zero code when it exceeds the threshold:
293 | 
294 | ```js
295 | {
296 |   "bili": {
297 |     "sizeLimit": {
298 |       "cjs": "3KB"
299 |     }
300 |   }
301 | }
302 | ```
303 | 
304 | You can also set it in CLI flag:
305 | 
306 | <img src="https://i.loli.net/2018/01/26/5a6a09d130b6d.png" width="450" alt="sizelimit">
307 | 
308 | Each entry of this option is a [`format`](#format).
309 | 
310 | ### extendOptions
311 | 
312 | Type: `(currentOptions, ctx) => NewOptions`
313 | 
314 | Update options.
315 | 
316 | `ctx` is of type `Ctx`:
317 | 
318 | ```typescript
319 | interface Ctx {
320 |   input: string
321 |   format: string
322 |   compress: boolean
323 | }
324 | ```
325 | 


--------------------------------------------------------------------------------
/test/__snapshots__/index.test.js.snap:
--------------------------------------------------------------------------------
  1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
  2 | 
  3 | exports[`async 1`] = `
  4 | Array [
  5 |   Array [
  6 |     "test/fixtures/async/dist/index.cjs.js",
  7 |     "'use strict';
  8 | 
  9 | var a = {
 10 |   a: 1
 11 | };
 12 | var index = (function () {
 13 |   return new Promise(function ($return, $error) {
 14 |     return $return(Object.assign({}, a));
 15 |   }.bind(this));
 16 | });
 17 | 
 18 | module.exports = index;
 19 | ",
 20 |   ],
 21 | ]
 22 | `;
 23 | 
 24 | exports[`babel:disable-config 1`] = `
 25 | Array [
 26 |   Array [
 27 |     "test/fixtures/babel/with-config/dist/index.cjs.js",
 28 |     "'use strict';
 29 | 
 30 | function _classCallCheck(instance, Constructor) {
 31 |   if (!(instance instanceof Constructor)) {
 32 |     throw new TypeError(\\"Cannot call a class as a function\\");
 33 |   }
 34 | }
 35 | 
 36 | var _default = function _default() {
 37 |   _classCallCheck(this, _default);
 38 | };
 39 | 
 40 | module.exports = _default;
 41 | ",
 42 |   ],
 43 | ]
 44 | `;
 45 | 
 46 | exports[`babel:object-rest-spread 1`] = `
 47 | Array [
 48 |   Array [
 49 |     "test/fixtures/babel/object-rest-spread/dist/index.cjs.js",
 50 |     "'use strict';
 51 | 
 52 | var index = Object.assign({}, a);
 53 | 
 54 | module.exports = index;
 55 | ",
 56 |   ],
 57 | ]
 58 | `;
 59 | 
 60 | exports[`babel:with-config 1`] = `
 61 | Array [
 62 |   Array [
 63 |     "test/fixtures/babel/with-config/dist/index.cjs.js",
 64 |     "'use strict';
 65 | 
 66 | class index {}
 67 | 
 68 | module.exports = index;
 69 | ",
 70 |   ],
 71 | ]
 72 | `;
 73 | 
 74 | exports[`banner:object 1`] = `
 75 | Array [
 76 |   Array [
 77 |     "test/fixtures/dist/default.cjs.js",
 78 |     "/*!
 79 |  * name v1.2.3
 80 |  * (c) 2018-present author
 81 |  * Released under the GPL License.
 82 |  */
 83 | 'use strict';
 84 | 
 85 | var _default = {};
 86 | 
 87 | module.exports = _default;
 88 | ",
 89 |   ],
 90 | ]
 91 | `;
 92 | 
 93 | exports[`banner:string 1`] = `
 94 | Array [
 95 |   Array [
 96 |     "test/fixtures/dist/default.cjs.js",
 97 |     "woot
 98 | 'use strict';
 99 | 
100 | var _default = {};
101 | 
102 | module.exports = _default;
103 | ",
104 |   ],
105 | ]
106 | `;
107 | 
108 | exports[`banner:true 1`] = `
109 | Array [
110 |   Array [
111 |     "test/fixtures/banner/dist/foo.cjs.js",
112 |     "/*!
113 |  * foo v0.0.0
114 |  * (c) 2015-present name <email@email.com>
115 |  * Released under the MIT License.
116 |  */
117 | 'use strict';
118 | 
119 | var index = 42;
120 | 
121 | module.exports = index;
122 | ",
123 |   ],
124 | ]
125 | `;
126 | 
127 | exports[`buble:async 1`] = `
128 | Array [
129 |   Array [
130 |     "test/fixtures/buble/dist/async.cjs.js",
131 |     "'use strict';
132 | 
133 | var this$1 = undefined;
134 | var a = function () { return new Promise(function ($return, $error) {
135 |   return $return({
136 |     a: 'a'
137 |   });
138 | }.bind(this$1)); };
139 | 
140 | var async = a().then(function (res) { return Object.assign({}, res); });
141 | 
142 | module.exports = async;
143 | ",
144 |   ],
145 | ]
146 | `;
147 | 
148 | exports[`buble:async-and-object-rest-spread 1`] = `
149 | Array [
150 |   Array [
151 |     "test/fixtures/buble/dist/async-dot-dot-dot.cjs.js",
152 |     "'use strict';
153 | 
154 | function asyncDotDotDot () {
155 |   return new Promise(function ($return, $error) {
156 |     return Promise.resolve(this.bar()).then(function ($await_1) {
157 |       try {
158 |         return $return(Object.assign({}, $await_1));
159 |       } catch ($boundEx) {
160 |         return $error($boundEx);
161 |       }
162 |     }.bind(this), $error);
163 |   }.bind(this));
164 | }
165 | 
166 | module.exports = asyncDotDotDot;
167 | ",
168 |   ],
169 | ]
170 | `;
171 | 
172 | exports[`buble:react-jsx 1`] = `
173 | Array [
174 |   Array [
175 |     "test/fixtures/buble/dist/react-jsx.cjs.js",
176 |     "'use strict';
177 | 
178 | var reactJsx = React.createElement(\\"div\\", {
179 |   a: 1
180 | }, \\"hi\\");
181 | 
182 | module.exports = reactJsx;
183 | ",
184 |   ],
185 | ]
186 | `;
187 | 
188 | exports[`buble:vue-jsx 1`] = `
189 | Array [
190 |   Array [
191 |     "test/fixtures/buble/dist/vue-jsx.cjs.js",
192 |     "'use strict';
193 | 
194 | var vueJsx = {
195 |   render: function render() {
196 |     var h = arguments[0];
197 |     return h(\\"div\\", {
198 |       attrs: {
199 |         a: 1
200 |       }
201 |     }, [\\"hi\\"]);
202 |   }
203 | 
204 | };
205 | 
206 | module.exports = vueJsx;
207 | ",
208 |   ],
209 | ]
210 | `;
211 | 
212 | exports[`defaults 1`] = `
213 | Array [
214 |   Array [
215 |     "test/fixtures/defaults/dist/index.cjs.js",
216 |     "'use strict';
217 | 
218 | var index = 42;
219 | 
220 | module.exports = index;
221 | ",
222 |   ],
223 | ]
224 | `;
225 | 
226 | exports[`exclude file 1`] = `
227 | Array [
228 |   Array [
229 |     "test/fixtures/exclude-file/dist/index.cjs.js",
230 |     "'use strict';
231 | 
232 | function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
233 | 
234 | var foo = _interopDefault(require('./foo.js'));
235 | 
236 | 
237 | 
238 | module.exports = foo;
239 | ",
240 |   ],
241 | ]
242 | `;
243 | 
244 | exports[`extendOptions 1`] = `
245 | Array [
246 |   Array [
247 |     "test/fixtures/extend-options/dist/bar.cjs.js",
248 |     "'use strict';
249 | 
250 | var bar = 'bar';
251 | 
252 | module.exports = bar;
253 | ",
254 |   ],
255 |   Array [
256 |     "test/fixtures/extend-options/dist/bar.js",
257 |     "(function (global, factory) {
258 | 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
259 | 	typeof define === 'function' && define.amd ? define(factory) :
260 | 	(global.umd = factory());
261 | }(this, (function () { 'use strict';
262 | 
263 | 	var bar = 'bar';
264 | 
265 | 	return bar;
266 | 
267 | })));
268 | ",
269 |   ],
270 |   Array [
271 |     "test/fixtures/extend-options/dist/bar.min.js",
272 |     "!function(e,n){\\"object\\"==typeof exports&&\\"undefined\\"!=typeof module?module.exports=n():\\"function\\"==typeof define&&define.amd?define(n):e.min=n()}(this,function(){\\"use strict\\";return\\"bar\\"});
273 | ",
274 |   ],
275 |   Array [
276 |     "test/fixtures/extend-options/dist/foo.cjs.js",
277 |     "'use strict';
278 | 
279 | var foo = 'foo';
280 | 
281 | module.exports = foo;
282 | ",
283 |   ],
284 |   Array [
285 |     "test/fixtures/extend-options/dist/foo.js",
286 |     "(function (global, factory) {
287 | 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
288 | 	typeof define === 'function' && define.amd ? define(factory) :
289 | 	(global.umd = factory());
290 | }(this, (function () { 'use strict';
291 | 
292 | 	var foo = 'foo';
293 | 
294 | 	return foo;
295 | 
296 | })));
297 | ",
298 |   ],
299 |   Array [
300 |     "test/fixtures/extend-options/dist/foo.min.js",
301 |     "!function(e,n){\\"object\\"==typeof exports&&\\"undefined\\"!=typeof module?module.exports=n():\\"function\\"==typeof define&&define.amd?define(n):e.min=n()}(this,function(){\\"use strict\\";return\\"foo\\"});
302 | ",
303 |   ],
304 | ]
305 | `;
306 | 
307 | exports[`inline:true 1`] = `
308 | Array [
309 |   Array [
310 |     "test/fixtures/inline/dist/index.cjs.js",
311 |     "'use strict';
312 | 
313 | var pMap = (iterable, mapper, opts) => new Promise((resolve, reject) => {
314 | 	opts = Object.assign({
315 | 		concurrency: Infinity
316 | 	}, opts);
317 | 
318 | 	if (typeof mapper !== 'function') {
319 | 		throw new TypeError('Mapper function is required');
320 | 	}
321 | 
322 | 	const concurrency = opts.concurrency;
323 | 
324 | 	if (!(typeof concurrency === 'number' && concurrency >= 1)) {
325 | 		throw new TypeError(\`Expected \\\\\`concurrency\\\\\` to be a number from 1 and up, got \\\\\`\${concurrency}\\\\\` (\${typeof concurrency})\`);
326 | 	}
327 | 
328 | 	const ret = [];
329 | 	const iterator = iterable[Symbol.iterator]();
330 | 	let isRejected = false;
331 | 	let iterableDone = false;
332 | 	let resolvingCount = 0;
333 | 	let currentIdx = 0;
334 | 
335 | 	const next = () => {
336 | 		if (isRejected) {
337 | 			return;
338 | 		}
339 | 
340 | 		const nextItem = iterator.next();
341 | 		const i = currentIdx;
342 | 		currentIdx++;
343 | 
344 | 		if (nextItem.done) {
345 | 			iterableDone = true;
346 | 
347 | 			if (resolvingCount === 0) {
348 | 				resolve(ret);
349 | 			}
350 | 
351 | 			return;
352 | 		}
353 | 
354 | 		resolvingCount++;
355 | 
356 | 		Promise.resolve(nextItem.value)
357 | 			.then(el => mapper(el, i))
358 | 			.then(
359 | 				val => {
360 | 					ret[i] = val;
361 | 					resolvingCount--;
362 | 					next();
363 | 				},
364 | 				err => {
365 | 					isRejected = true;
366 | 					reject(err);
367 | 				}
368 | 			);
369 | 	};
370 | 
371 | 	for (let i = 0; i < concurrency; i++) {
372 | 		next();
373 | 
374 | 		if (iterableDone) {
375 | 			break;
376 | 		}
377 | 	}
378 | });
379 | 
380 | var pAll = (iterable, opts) => pMap(iterable, el => el(), opts);
381 | 
382 | var index = {
383 |   all: pAll,
384 |   map: pMap
385 | };
386 | 
387 | module.exports = index;
388 | ",
389 |   ],
390 | ]
391 | `;
392 | 
393 | exports[`no-js-transform 1`] = `
394 | Array [
395 |   Array [
396 |     "test/fixtures/no-js-transform/dist/index.cjs.js",
397 |     "'use strict';
398 | 
399 | var index = () => {}
400 | 
401 | module.exports = index;
402 | ",
403 |   ],
404 | ]
405 | `;
406 | 
407 | exports[`target:node 1`] = `
408 | Array [
409 |   Array [
410 |     "test/fixtures/target/node/dist/index.cjs.js",
411 |     "'use strict';
412 | 
413 | class Foo {}
414 | 
415 | module.exports = Foo;
416 | ",
417 |   ],
418 | ]
419 | `;
420 | 
421 | exports[`uglify 1`] = `
422 | Array [
423 |   Array [
424 |     "test/fixtures/uglify/dist/index.cjs.min.js",
425 |     "\\"use strict\\";Object.defineProperty(exports,\\"__esModule\\",{value:!0});var a=1;exports.a=a;
426 | ",
427 |   ],
428 | ]
429 | `;
430 | 
431 | exports[`virtualModules 1`] = `
432 | Array [
433 |   Array [
434 |     "test/fixtures/virtual/dist/dayyum.cjs.js",
435 |     "'use strict';
436 | 
437 | var baz = 2
438 | 
439 | var bar = baz + 1
440 | 
441 | var dayyum = bar + 123
442 | 
443 | module.exports = dayyum;
444 | ",
445 |   ],
446 | ]
447 | `;
448 | 


--------------------------------------------------------------------------------
/media/preview.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="965" height="595.25"><rect width="965" height="595.25" rx="5" ry="5" class="a"/><circle cx="20" cy="20" r="9.5" fill="#ff5f58"/><circle cx="51" cy="20" r="9.5" fill="#ffbd2e"/><circle cx="82" cy="20" r="9.5" fill="#18c132"/><svg height="542.75" viewBox="0 0 94 54.275" width="940" x="12.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="40"><style>@keyframes n{0%{transform:translateX(0)}3.7%{transform:translateX(-94px)}4.2%{transform:translateX(-188px)}4.3%{transform:translateX(-282px)}6.8%{transform:translateX(-564px)}18.9%{transform:translateX(-752px)}22.1%{transform:translateX(-940px)}42.2%{transform:translateX(-1222px)}42.3%{transform:translateX(-1410px)}64.6%{transform:translateX(-1598px)}64.7%{transform:translateX(-1786px)}67.7%{transform:translateX(-1974px)}68.8%{transform:translateX(-2162px)}69.6%{transform:translateX(-2256px)}69.7%{transform:translateX(-2350px)}69.9%{transform:translateX(-2538px)}70%{transform:translateX(-2726px)}70.3%{transform:translateX(-2914px)}70.7%{transform:translateX(-3102px)}72.1%{transform:translateX(-3290px)}78.6%{transform:translateX(-3384px)}78.7%{transform:translateX(-3478px)}78.9%{transform:translateX(-3666px)}79.2%{transform:translateX(-3760px)}81.3%{transform:translateX(-3854px)}81.4%{transform:translateX(-3948px)}to{transform:translateX(-4230px)}}.a{fill:#282d35}.h{fill:#a8cc8c}.i{fill:#b9c0cb;font-weight:700}.j{fill:#66c2cd}.k{fill:#b9c0cb}</style><g font-size="1.67" font-family="Monaco,Consolas,Menlo,'Bitstream Vera Sans Mono','Powerline Symbols',monospace"><defs><symbol id="1"><text y="1.67" fill="#71bef2">~/dev/vue-final-form</text><text x="21.042" y="1.67" fill="#93a1a1">master</text></symbol><symbol id="2"><text y="1.67" class="h">❯</text></symbol><symbol id="3"><text y="1.67" class="h">❯</text><text x="2.004" y="1.67" class="i">bili</text><text x="7.014" y="1.67" class="j">--format</text><text x="16.032" y="1.67" class="j">umd,umd-min</text><text x="28.056" y="1.67" class="j">--module-name</text><text x="42.084" y="1.67" class="j">VueFinalForm</text><text x="55.11" y="1.67" class="j">--global.final-form</text><text x="75.15" y="1.67" class="j">final-form</text></symbol><symbol id="4"><text y="1.67" class="k">⏳</text><text x="3.006" y="1.67" class="k">Bundling</text><text x="12.024" y="1.67" class="j">1</text><text x="14.028" y="1.67" class="k">file:</text><text x="20.04" y="1.67" class="h">src/index.js</text></symbol><symbol id="5"><text y="1.67" class="k">⏳</text><text x="3.006" y="1.67" class="k">Bundling</text><text x="12.024" y="1.67" class="j">2</text><text x="14.028" y="1.67" class="k">files:</text><text x="21.042" y="1.67" class="h">src/Form.js</text></symbol><symbol id="6"><text y="1.67" class="k">⏳</text><text x="3.006" y="1.67" class="k">Bundling</text><text x="12.024" y="1.67" class="j">3</text><text x="14.028" y="1.67" class="k">files:</text><text x="21.042" y="1.67" class="h">node_modules/nano-assign/dist/nano-assign.common.js</text></symbol><symbol id="7"><text y="1.67" class="k">⏳</text><text x="3.006" y="1.67" class="k">Bundling</text><text x="12.024" y="1.67" class="j">4</text><text x="14.028" y="1.67" class="k">files:</text><text x="21.042" y="1.67" class="h">src/utils.js</text></symbol><symbol id="8"><text y="1.67" class="k">⏳</text><text x="3.006" y="1.67" class="k">Bundling</text><text x="12.024" y="1.67" class="j">5</text><text x="14.028" y="1.67" class="k">files:</text><text x="21.042" y="1.67" class="h">src/Field.js</text></symbol><symbol id="9"><text y="1.67" class="k">✨</text><text x="3.006" y="1.67" class="h">Built</text><text x="9.018" y="1.67" class="h">in</text><text x="12.024" y="1.67" class="h">1.23s.</text></symbol><symbol id="10"><text y="1.67" class="k">┌──────────────────────────────────────────────┐</text></symbol><symbol id="11"><text y="1.67" class="k">│</text><text x="1.002" y="1.67" class="i">file</text><text x="29.058" y="1.67" class="i">size</text><text x="38.076" y="1.67" class="i">gzip</text><text x="43.086" y="1.67" class="i">size</text><text x="47.094" y="1.67" class="k">│</text></symbol><symbol id="12"><text y="1.67" class="k">│dist/vue-final-form.js</text><text x="29.058" y="1.67" class="k">4.96</text><text x="34.068" y="1.67" class="k">KB</text><text x="38.076" y="1.67" class="h">1.66</text><text x="43.086" y="1.67" class="h">KB</text><text x="47.094" y="1.67" class="k">│</text></symbol><symbol id="13"><text y="1.67" class="k">│dist/vue-final-form.min.js</text><text x="29.058" y="1.67" class="k">2.83</text><text x="34.068" y="1.67" class="k">KB</text><text x="38.076" y="1.67" class="h">1.06</text><text x="43.086" y="1.67" class="h">KB</text><text x="47.094" y="1.67" class="k">│</text></symbol><symbol id="14"><text y="1.67" class="k">└──────────────────────────────────────────────┘</text></symbol><symbol id="a"><path fill="transparent" d="M0 0h94v25H0z"/></symbol><symbol id="b"><path fill="#6f7683" d="M0 0h1.102v2.171H0z"/></symbol></defs><path class="a" d="M0 0h94v54.275H0z"/><g style="animation-duration:4.902170000000001s;animation-iteration-count:infinite;animation-name:n;animation-timing-function:steps(1,end)"><svg width="4324"><svg><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="94"><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="188"><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="282"><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="376"><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="470"><use xlink:href="#a"/><use xlink:href="#b" x="-.004"/></svg><svg x="564"><use xlink:href="#a"/><use xlink:href="#b" x="1.996" y="2.146"/><use xlink:href="#1"/><use xlink:href="#2" y="2.171"/></svg><svg x="658"><use xlink:href="#a"/><use xlink:href="#b" x="6.996" y="2.146"/><use xlink:href="#1"/><text y="3.841" class="h">❯</text><text x="2.004" y="3.841" class="k">clear</text></svg><svg x="752"><use xlink:href="#a"/><use xlink:href="#b" x="6.996" y="2.146"/><use xlink:href="#1"/><text y="3.841" class="h">❯</text><text x="2.004" y="3.841" class="i">clear</text></svg><svg x="846"><use xlink:href="#a"/><use xlink:href="#b" x="84.996" y="2.146"/><use xlink:href="#1"/><text y="3.841" class="h">❯</text><text x="2.004" y="3.841" class="i">bili</text><text x="7.014" y="3.841" class="i">--format</text><text x="16.032" y="3.841" class="i">umd,umd-min</text><text x="28.056" y="3.841" class="i">--module-name</text><text x="42.084" y="3.841" class="i">VueFinalForm</text><text x="55.11" y="3.841" class="i">--global.final-form</text><text x="75.15" y="3.841" class="i">final-form</text></svg><svg x="940"><use xlink:href="#a"/><use xlink:href="#b" x="84.996" y="2.146"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1034"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="4.317"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1128"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="4.317"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1222"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="4.317"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1316"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="4.317"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1410"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="4.317"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1504"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="1598"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#4" y="4.342"/></svg><svg x="1692"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#4" y="4.342"/></svg><svg x="1786"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#4" y="4.342"/></svg><svg x="1880"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#4" y="4.342"/></svg><svg x="1974"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#5" y="4.342"/></svg><svg x="2068"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#5" y="4.342"/></svg><svg x="2162"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#5" y="4.342"/></svg><svg x="2256"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#5" y="4.342"/></svg><svg x="2350"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#6" y="4.342"/></svg><svg x="2444"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#6" y="4.342"/></svg><svg x="2538"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#6" y="4.342"/></svg><svg x="2632"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#6" y="4.342"/></svg><svg x="2726"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#7" y="4.342"/></svg><svg x="2820"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#7" y="4.342"/></svg><svg x="2914"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#7" y="4.342"/></svg><svg x="3008"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#7" y="4.342"/></svg><svg x="3102"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#8" y="4.342"/></svg><svg x="3196"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#8" y="4.342"/></svg><svg x="3290"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#8" y="4.342"/></svg><svg x="3384"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/></svg><svg x="3478"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/></svg><svg x="3572"><use xlink:href="#a"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/></svg><svg x="3666"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="17.343"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/></svg><svg x="3760"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="17.343"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/></svg><svg x="3854"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="17.343"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/></svg><svg x="3948"><use xlink:href="#a"/><use xlink:href="#b" x="1.996" y="19.514"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/><use xlink:href="#1" y="17.368"/><use xlink:href="#2" y="19.539"/></svg><svg x="4042"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="21.685"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/><use xlink:href="#1" y="17.368"/><use xlink:href="#2" y="19.539"/></svg><svg x="4136"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="21.685"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/><use xlink:href="#1" y="17.368"/><use xlink:href="#2" y="19.539"/></svg><svg x="4230"><use xlink:href="#a"/><use xlink:href="#b" x="-.004" y="21.685"/><use xlink:href="#1"/><use xlink:href="#3" y="2.171"/><use xlink:href="#9" y="4.342"/><use xlink:href="#10" y="6.513"/><use xlink:href="#11" y="8.684"/><use xlink:href="#12" y="10.855"/><use xlink:href="#13" y="13.026"/><use xlink:href="#14" y="15.197"/><use xlink:href="#1" y="17.368"/><use xlink:href="#2" y="19.539"/></svg></svg></g></g></svg></svg>


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
  1 | import util from 'util'
  2 | import path from 'path'
  3 | import EventEmitter from 'events'
  4 | import globby from 'globby'
  5 | import fs from 'fs-extra'
  6 | import chalk from 'chalk'
  7 | import { rollup, watch } from 'rollup'
  8 | import camelcase from 'camelcase'
  9 | import bytes from 'bytes'
 10 | import gzipSize from 'gzip-size'
 11 | import stringWidth from 'string-width'
 12 | import boxen from 'boxen'
 13 | import nodeResolvePlugin from 'rollup-plugin-node-resolve'
 14 | import commonjsPlugin from 'rollup-plugin-commonjs'
 15 | import jsonPlugin from 'rollup-plugin-json'
 16 | import uglifyPlugin from 'rollup-plugin-uglify'
 17 | import aliasPlugin from 'rollup-plugin-alias'
 18 | import replacePlugin from 'rollup-plugin-replace'
 19 | import hashbangPlugin from 'rollup-plugin-hashbang'
 20 | import isBuiltinModule from 'is-builtin-module'
 21 | import textTable from 'text-table'
 22 | import resolveFrom from 'resolve-from'
 23 | import isCI from 'is-ci'
 24 | import virtualModulesPlugin from './virtual-modules-plugin'
 25 | import progressPlugin from './progress-plugin'
 26 | import template from './template'
 27 | import getBanner from './get-banner'
 28 | import { getBabelConfig, getBiliConfig } from './get-config'
 29 | import BiliError from './bili-error'
 30 | import { handleError, getDocRef } from './handle-error'
 31 | import logger from './logger'
 32 | import emoji from './emoji'
 33 | import { relativePath } from './util'
 34 | 
 35 | const FORMATS = ['cjs']
 36 | 
 37 | const prettyBytes = v => bytes.format(v, { unitSeparator: ' ' })
 38 | 
 39 | export default class Bili extends EventEmitter {
 40 |   static async generate(options) {
 41 |     const bundle = await new Bili(options).bundle({ write: false })
 42 |     return bundle
 43 |   }
 44 | 
 45 |   static async write(options) {
 46 |     const bundler = new Bili(options)
 47 |     const startTime = Date.now()
 48 |     try {
 49 |       await bundler.bundle()
 50 |       const buildTime = Date.now() - startTime
 51 |       const time =
 52 |         buildTime < 1000 ?
 53 |           `${buildTime}ms` :
 54 |           `${(buildTime / 1000).toFixed(2)}s`
 55 | 
 56 |       if (!options.watch) {
 57 |         logger.status(emoji.success, chalk.green(`Built in ${time}.`))
 58 |         logger.log(await bundler.stats())
 59 |       }
 60 |       return bundler
 61 |     } catch (err) {
 62 |       bundler.handleError(err)
 63 |     }
 64 |   }
 65 | 
 66 |   constructor(options = {}) {
 67 |     super()
 68 |     logger.setOptions(options)
 69 |     this.options = {
 70 |       outDir: 'dist',
 71 |       filename: '[name][suffix].js',
 72 |       cwd: process.cwd(),
 73 |       target: 'browser',
 74 |       js: 'babel',
 75 |       babel: {},
 76 |       ...(options.config !== false && getBiliConfig()),
 77 |       ...options
 78 |     }
 79 |     this.babelPresetOptions = {
 80 |       objectAssign: this.options.objectAssign,
 81 |       jsx: this.options.jsx,
 82 |       target: this.options.target,
 83 |       buble: false
 84 |     }
 85 |     this.options.babel = {
 86 |       ...getBabelConfig(
 87 |         this.options.cwd,
 88 |         this.options.babel.babelrc === false,
 89 |         this.babelPresetOptions
 90 |       ),
 91 |       ...this.options.babel
 92 |     }
 93 |     this.pkg = readPkg(this.options.cwd)
 94 |     this.pkgName = this.pkg.name && this.pkg.name.replace(/^@.+\//, '')
 95 |     this.bundles = {}
 96 |     this.cssBundles = new Map()
 97 | 
 98 |     this.handleError = err => handleError(err)
 99 |   }
100 | 
101 |   async stats() {
102 |     const { bundles } = this
103 |     const { sizeLimit } = this.options
104 |     let leading = ''
105 |     let sizeExceeded = false
106 |     const sizes = await Promise.all(Object.keys(bundles)
107 |       .sort()
108 |       .map(async filepath => {
109 |         const { code, relative, formatFull } = bundles[filepath]
110 |         const gzipSizeNumber = await gzipSize(code)
111 |         const expectedSize =
112 |             sizeLimit &&
113 |             sizeLimit[formatFull] &&
114 |             bytes.parse(sizeLimit[formatFull])
115 |         let sizeInfo
116 |         if (expectedSize && gzipSizeNumber > expectedSize) {
117 |           process.exitCode = 1
118 |           sizeExceeded = true
119 |           sizeInfo = chalk.red(` threshold: ${prettyBytes(expectedSize)}`)
120 |         } else {
121 |           sizeInfo = ''
122 |         }
123 |         return [
124 |           relative,
125 |           prettyBytes(code.length),
126 |           chalk.green(prettyBytes(gzipSizeNumber)) + sizeInfo
127 |         ]
128 |       }))
129 | 
130 |     if (sizeExceeded) {
131 |       leading = chalk.red(`${
132 |         emoji.error
133 |       }  Bundle size exceeded the limit, check below for details.\n`)
134 |     }
135 | 
136 |     await Promise.all(Array.from(this.cssBundles.keys())
137 |       .sort()
138 |       .map(async id => {
139 |         const bundle = this.cssBundles.get(id)
140 |         sizes.push([
141 |           path.relative(process.cwd(), bundle.filepath),
142 |           prettyBytes(bundle.code.length),
143 |           chalk.green(prettyBytes(await gzipSize(bundle.code)))
144 |         ])
145 |       }))
146 | 
147 |     return (
148 |       leading +
149 |       boxen(textTable(
150 |         [['file', 'size', 'gzip size'].map(v => chalk.bold(v)), ...sizes],
151 |         {
152 |           stringLength: stringWidth
153 |         }
154 |       ))
155 |     )
156 |   }
157 | 
158 |   resolveCwd(...args) {
159 |     return path.resolve(this.options.cwd, ...args)
160 |   }
161 | 
162 |   loadUserPlugins({ plugins, filename }) {
163 |     // eslint-disable-next-line array-callback-return
164 |     return plugins.map(pluginName => {
165 |       // In bili.config.js or you're using the API
166 |       // You can require rollup plugin directly
167 |       if (typeof pluginName === 'object') {
168 |         return pluginName
169 |       }
170 | 
171 |       let pluginOptions = this.options[pluginName]
172 |       if (pluginName === 'vue') {
173 |         pluginOptions = {
174 |           include: ['**/*.vue'],
175 |           // Let rollup-plugin-postcss handle external CSS dependencies
176 |           autoStyles: false,
177 |           styleToImports: true,
178 |           css: path.resolve(
179 |             this.options.outDir,
180 |             filename.replace(/\.[^.]+$/, '.css')
181 |           ),
182 |           ...pluginOptions
183 |         }
184 |       }
185 |       const moduleName = isPath(pluginName) ?
186 |         path.resolve(pluginName) :
187 |         `rollup-plugin-${pluginName}`
188 |       try {
189 |         // TODO:
190 |         // Local require is always relative to `process.cwd()`
191 |         // Instead of `this.options.cwd`
192 |         // We need to ensure that which is actually better
193 |         return localRequire(moduleName)(pluginOptions)
194 |       } catch (err) {
195 |         handleLoadPluginError(moduleName, err)
196 |       }
197 |     })
198 |   }
199 | 
200 |   async writeCSS() {
201 |     await Promise.all(Array.from(this.cssBundles.keys()).map(id => {
202 |       const { code, map, filepath } = this.cssBundles.get(id)
203 |       return Promise.all([
204 |         fs.writeFile(filepath, code, 'utf8'),
205 |         map && fs.writeFile(`${filepath}.map`, map, 'utf8')
206 |       ])
207 |     }))
208 |   }
209 | 
210 |   getJsOptions(name, pluginOptions) {
211 |     if (name === 'babel') {
212 |       return this.options.babel
213 |     }
214 | 
215 |     if (name === 'typescript' || name === 'typescript2') {
216 |       let typescript
217 |       try {
218 |         typescript = localRequire('typescript')
219 |       } catch (err) {}
220 |       return {
221 |         typescript,
222 |         ...pluginOptions
223 |       }
224 |     }
225 | 
226 |     if (name === 'buble') {
227 |       return {
228 |         ...pluginOptions,
229 |         transforms: {
230 |           // Skip transforming for..of
231 |           forOf: false,
232 |           ...(pluginOptions && pluginOptions.transforms)
233 |         }
234 |       }
235 |     }
236 | 
237 |     return pluginOptions
238 |   }
239 | 
240 |   // eslint-disable-next-line complexity
241 |   async createConfig(
242 |     { input, format, formatFull, compress },
243 |     { multipleEntries }
244 |   ) {
245 |     const options = this.options.extendOptions ?
246 |       this.options.extendOptions(this.options, {
247 |         input,
248 |         format,
249 |         compress
250 |       }) :
251 |       this.options
252 | 
253 |     logger.debug(chalk.bold(`Bili options for ${input} in ${formatFull}:\n`) +
254 |         util.inspect(options, { colors: true }))
255 | 
256 |     if (typeof options !== 'object') {
257 |       throw new BiliError('You must return the options in `extendOptions` method!')
258 |     }
259 | 
260 |     const {
261 |       outDir,
262 |       filename,
263 |       inline = format === 'umd' || format === 'iife'
264 |     } = options
265 | 
266 |     const sourceMap = typeof options.map === 'boolean' ? options.map : compress
267 | 
268 |     const outFilename = getFilename({
269 |       input,
270 |       format,
271 |       filename,
272 |       compress,
273 |       // If it's not bundling multi-entry
274 |       // The name can fallback to pkg name
275 |       name: options.name || (!multipleEntries && this.pkgName)
276 |     })
277 |     // The path to output file
278 |     // Relative to `this.options.cwd`
279 |     const file = this.resolveCwd(outDir, outFilename)
280 | 
281 |     const transformJS = options.js !== false
282 |     const jsPluginName = transformJS && getJsPluginName(options.js, input)
283 |     const jsPlugin = transformJS && getJsPlugin(jsPluginName)
284 |     const jsOptions =
285 |       transformJS && this.getJsOptions(jsPluginName, options[jsPluginName])
286 | 
287 |     const banner = getBanner(options.banner, this.pkg)
288 | 
289 |     let external = getArrayOption(options, 'external') || []
290 |     external = external.map(e => (e.startsWith('./') ? path.resolve(options.cwd, e) : e))
291 |     let globals = options.globals || options.global
292 |     if (typeof globals === 'object') {
293 |       external = [...new Set(external.concat(Object.keys(globals)))]
294 |     }
295 | 
296 |     let env = options.env
297 |     if (format === 'umd' || format === 'iife') {
298 |       env = {
299 |         NODE_ENV: compress ? 'production' : 'development',
300 |         ...env
301 |       }
302 |     }
303 | 
304 |     const inputOptions = {
305 |       input,
306 |       external,
307 |       onwarn: err => {
308 |         if (options.quiet) return
309 | 
310 |         if (typeof err === 'string') {
311 |           return logger.warn(err)
312 |         }
313 | 
314 |         const { loc, frame, message, code, source } = err
315 | 
316 |         if (options.quiet || code === 'THIS_IS_UNDEFINED') {
317 |           return
318 |         }
319 |         // Unresolved modules
320 |         // If `inline` is not trusty there will always be this warning
321 |         // But we only need this when the module is not installed
322 |         // i.e. does not exist on disk
323 |         if (code === 'UNRESOLVED_IMPORT' && source) {
324 |           if (
325 |             // Skip sub path for now
326 |             source.indexOf('/') === -1 &&
327 |             // Skip built-in modules
328 |             !isBuiltinModule(source) &&
329 |             // Check if the module exists
330 |             resolveFrom.silent(process.cwd(), source) === null
331 |           ) {
332 |             logger.warn(`Module "${source}" was not installed, you may run "${chalk.cyan(`${getPackageManager()} add ${source}`)}" to install it!`)
333 |           }
334 |           return
335 |         }
336 |         // print location if applicable
337 |         if (loc) {
338 |           logger.warn(`${loc.file} (${loc.line}:${loc.column}) ${message}`)
339 |           if (frame) logger.warn(chalk.dim(frame))
340 |         } else {
341 |           logger.warn(message)
342 |         }
343 |       },
344 |       plugins: [
345 |         !isCI &&
346 |           process.stderr.isTTY &&
347 |           process.env.NODE_ENV !== 'test' &&
348 |           options.progress !== false &&
349 |           progressPlugin(),
350 |         hashbangPlugin(),
351 |         options.virtualModules &&
352 |           virtualModulesPlugin(options.virtualModules, this.options.cwd),
353 |         ...this.loadUserPlugins({
354 |           filename: outFilename,
355 |           plugins: getArrayOption(options, 'plugin') || []
356 |         }),
357 |         jsonPlugin(),
358 |         require('rollup-plugin-postcss')({
359 |           extract: true,
360 |           minimize: compress,
361 |           sourceMap,
362 |           ...options.postcss,
363 |           onExtract: getExtracted => {
364 |             // Use `z` `a` to ensure the order when we log the stats
365 |             const id = `${input}::${compress ? 'z-compressed' : 'a-normal'}`
366 |             if (!this.cssBundles.has(id)) {
367 |               // Don't really need suffix for format
368 |               const filepath = this.resolveCwd(
369 |                 outDir,
370 |                 outFilename.replace(
371 |                   /(\.(iife|cjs|es))?(\.min)?\.js$/,
372 |                   compress ? '.min.css' : '.css'
373 |                 )
374 |               )
375 |               const bundle = getExtracted(filepath)
376 | 
377 |               this.cssBundles.set(id, {
378 |                 ...bundle,
379 |                 filepath
380 |               })
381 |             }
382 |             // We extract CSS but never atually let `rollup-plugin-postcss` write to disk
383 |             // To prevent from duplicated css files
384 |             return false
385 |           }
386 |         }),
387 |         transformJS &&
388 |           jsPluginName === 'buble' &&
389 |           require('rollup-plugin-babel')({
390 |             include: '**/*.js',
391 |             exclude: 'node_modules/**',
392 |             babelrc: false,
393 |             presets: [
394 |               [
395 |                 require.resolve('./babel'),
396 |                 {
397 |                   ...this.babelPresetOptions,
398 |                   buble: true
399 |                 }
400 |               ]
401 |             ]
402 |           }),
403 |         transformJS &&
404 |           jsPlugin({
405 |             exclude: 'node_modules/**',
406 |             ...jsOptions
407 |           }),
408 |         inline &&
409 |           nodeResolvePlugin({
410 |             module: true,
411 |             extensions: ['.js', '.json'],
412 |             preferBuiltIns: true,
413 |             browser: !options.target.startsWith('node'),
414 |             ...options.nodeResolve
415 |           }),
416 |         commonjsPlugin(options.commonjs),
417 |         compress &&
418 |           uglifyPlugin({
419 |             ...options.uglify,
420 |             output: {
421 |               ...(options.uglify && options.uglify.output),
422 |               // Add banner (if there is)
423 |               preamble: banner
424 |             }
425 |           }),
426 |         options.alias && aliasPlugin(options.alias),
427 |         options.replace && replacePlugin(options.replace),
428 |         {
429 |           name: 'bili',
430 |           ongenerate: (_, { code }) => {
431 |             this.bundles[file] = {
432 |               relative: path.relative(process.cwd(), file),
433 |               input,
434 |               format,
435 |               formatFull,
436 |               compress,
437 |               code
438 |             }
439 |           }
440 |         },
441 |         env &&
442 |           Object.keys(env).length > 0 &&
443 |           replacePlugin({
444 |             values: Object.keys(env).reduce((res, key) => {
445 |               res[`process.env.${key}`] = JSON.stringify(env[key])
446 |               return res
447 |             }, {})
448 |           })
449 |       ].filter(v => Boolean(v))
450 |     }
451 | 
452 |     const outputOptions = {
453 |       format,
454 |       globals,
455 |       name: this.getModuleName(format),
456 |       file,
457 |       banner,
458 |       exports: options.exports,
459 |       sourcemap: sourceMap
460 |     }
461 | 
462 |     return {
463 |       inputOptions,
464 |       outputOptions
465 |     }
466 |   }
467 | 
468 |   async bundle({ write = true } = {}) {
469 |     let inputFiles = this.options.input
470 |     if (!inputFiles || inputFiles.length === 0) {
471 |       inputFiles = ['src/index.js']
472 |     }
473 |     if (!Array.isArray(inputFiles)) {
474 |       inputFiles = [inputFiles]
475 |     }
476 | 
477 |     const magicPatterns = []
478 |     inputFiles = inputFiles.filter(v => {
479 |       if (globby.hasMagic(v)) {
480 |         magicPatterns.push(v)
481 |         return false
482 |       }
483 |       return true
484 |     })
485 | 
486 |     await globby(magicPatterns, { cwd: this.options.cwd }).then(files => {
487 |       inputFiles = inputFiles
488 |         .concat(files)
489 |         .map(v => relativePath(this.resolveCwd(v)))
490 |     })
491 | 
492 |     if (inputFiles.length === 0) {
493 |       throw new BiliError('No matched files to bundle.')
494 |     }
495 | 
496 |     const formats = getArrayOption(this.options, 'format') || FORMATS
497 | 
498 |     const options = inputFiles.reduce(
499 |       (res, input) => [
500 |         ...res,
501 |         ...formats.map(format => {
502 |           const compress = format.endsWith('-min')
503 |           return {
504 |             input,
505 |             format: format.replace(/-min$/, ''),
506 |             formatFull: format,
507 |             compress
508 |           }
509 |         })
510 |       ],
511 |       []
512 |     )
513 | 
514 |     const multipleEntries = inputFiles.length > 1
515 |     const actions = options.map(async option => {
516 |       const { inputOptions, outputOptions } = await this.createConfig(option, {
517 |         multipleEntries
518 |       })
519 | 
520 |       logger.debug(chalk.bold(`Rollup input options for bundling ${option.input} in ${
521 |         option.formatFull
522 |       }:\n`) + util.inspect(inputOptions, { colors: true }))
523 | 
524 |       logger.debug(chalk.bold(`Rollup output options for bundling ${option.input} in ${
525 |         option.formatFull
526 |       }:\n`) + util.inspect(outputOptions, { colors: true }))
527 | 
528 |       if (this.options.watch) {
529 |         const watcher = watch({
530 |           ...inputOptions,
531 |           output: outputOptions,
532 |           watch: {
533 |             clearScreen: true
534 |           }
535 |         })
536 |         watcher.on('event', async e => {
537 |           if (e.code === 'ERROR' || e.code === 'FATAL') {
538 |             handleError(e.error)
539 |           }
540 |           if (e.code === 'BUNDLE_END') {
541 |             process.exitCode = 0
542 |             logger.write(await this.stats())
543 |           }
544 |         })
545 |         return
546 |       }
547 | 
548 |       const bundle = await rollup(inputOptions)
549 |       if (write) return bundle.write(outputOptions)
550 |       return bundle.generate(outputOptions)
551 |     })
552 | 
553 |     await Promise.all(actions)
554 | 
555 |     // Since we update `this.bundles` in Rollup plugin's `ongenerate` callback
556 |     // We have to put follow code into another callback to execute at th end of call stack
557 |     await nextTick()
558 |     const bundleCount = Object.keys(this.bundles).length
559 | 
560 |     if (bundleCount < formats.length * inputFiles.length) {
561 |       const hasName = this.options.filename.includes('[name]')
562 |       const hasSuffix = this.options.filename.includes('[suffix]')
563 |       const msg = `Multiple files are emitting to the same path.\nPlease check if ${
564 |         hasName || inputFiles.length === 1 ?
565 |           '' :
566 |           `${chalk.green('[name]')}${hasSuffix ? '' : ' or '}`
567 |       }${hasSuffix ? '' : chalk.green('[suffix]')} is missing in ${chalk.green('filename')} option.\n${getDocRef('api', 'filename')}`
568 | 
569 |       throw new BiliError(msg)
570 |     }
571 | 
572 |     // Write potential CSS files
573 |     await this.writeCSS()
574 | 
575 |     return this
576 |   }
577 | 
578 |   getModuleName(format) {
579 |     if (format !== 'umd' && format !== 'iife') return undefined
580 |     return (
581 |       this.options.moduleName ||
582 |       this.pkg.moduleName ||
583 |       (this.pkgName ? camelcase(this.pkgName) : undefined)
584 |     )
585 |   }
586 | }
587 | 
588 | function getSuffix(format) {
589 |   let suffix = ''
590 |   switch (format) {
591 |     case 'cjs':
592 |       suffix += '.cjs'
593 |       break
594 |     case 'umd':
595 |       break
596 |     case 'es':
597 |       suffix += '.es'
598 |       break
599 |     case 'iife':
600 |       suffix += '.iife'
601 |       break
602 |     default:
603 |       throw new Error('unsupported format')
604 |   }
605 |   return suffix
606 | }
607 | 
608 | function getNameFromInput(input) {
609 |   return path.basename(input, path.extname(input))
610 | }
611 | 
612 | function getFilename({ input, format, filename, compress, name }) {
613 |   name = name || getNameFromInput(input)
614 |   const suffix = getSuffix(format)
615 |   const res = template(filename, { name, suffix })
616 |   return compress ?
617 |     path.basename(res, path.extname(res)) + '.min' + path.extname(res) :
618 |     res
619 | }
620 | 
621 | function getJsPlugin(name) {
622 |   let req
623 |   if (isPath(name)) {
624 |     req = require
625 |     name = path.resolve(name)
626 |   } else {
627 |     req = name === 'babel' || name === 'buble' ? require : localRequire
628 |     name = `rollup-plugin-${name}`
629 |   }
630 |   try {
631 |     return req(name)
632 |   } catch (err) {
633 |     handleLoadPluginError(name, err)
634 |   }
635 | }
636 | 
637 | function localRequire(name) {
638 |   return require(path.resolve('node_modules', name))
639 | }
640 | 
641 | function isPath(v) {
642 |   return /^[./]|(^[a-zA-Z]:)/.test(v)
643 | }
644 | 
645 | function handleLoadPluginError(moduleName, err) {
646 |   if (err.code === 'MODULE_NOT_FOUND' && err.message.includes(moduleName)) {
647 |     let msg = `Cannot find plugin "${chalk.cyan(moduleName)}" in current directory!`
648 |     const pm = getPackageManager()
649 |     const command =
650 |       pm === 'yarn' ?
651 |         `yarn add ${moduleName} --dev` :
652 |         `npm install -D ${moduleName}`
653 |     if (!isPath(moduleName)) {
654 |       msg += `\n${chalk.dim(`You may run "${command}" to install it.`)}`
655 |     }
656 |     throw new BiliError(msg)
657 |   } else {
658 |     throw err
659 |   }
660 | }
661 | 
662 | function nextTick() {
663 |   return new Promise(resolve => {
664 |     process.nextTick(() => {
665 |       resolve()
666 |     })
667 |   })
668 | }
669 | 
670 | function getArrayOption(options, name) {
671 |   const option = options[name] || options[`${name}s`]
672 |   if (typeof option === 'string') return option.split(',')
673 |   return option
674 | }
675 | 
676 | let packageManager
677 | 
678 | function getPackageManager() {
679 |   if (packageManager) return packageManager
680 |   packageManager = fs.existsSync('yarn.lock') ? 'yarn' : 'npm'
681 |   return packageManager
682 | }
683 | 
684 | function readPkg(cwd = process.cwd()) {
685 |   try {
686 |     return require(path.resolve(cwd, 'package.json'))
687 |   } catch (err) {
688 |     if (err.code === 'MODULE_NOT_FOUND') {
689 |       return {}
690 |     }
691 |     throw err
692 |   }
693 | }
694 | 
695 | function getJsPluginName(name, input) {
696 |   if (name) {
697 |     return name
698 |   }
699 | 
700 |   if (input.endsWith('.ts')) {
701 |     return 'typescript2'
702 |   }
703 | 
704 |   return 'babel'
705 | }
706 | 


--------------------------------------------------------------------------------