xbundle
Get out of webpack config.
Last updated 2 years ago by pjy .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install xbundle 
SYNC missed versions from official npm registry.

xbundle

Get out of webpack config.

This project is just a wrapper on webpack.

Install

npm i xbundle --save-dev

It can work globally, but not recommend.

Overview

package.json

{
  "scripts": {
    "build": "xbundle -e src"
  }
}

No more config, absolutely automatic

Cli

This is the output when you command xbundle --help.

Usage: xbundle [options]

  Options:

    -V, --version                    output the version number
    --ay, --analyze                  Visualize size of webpack output files with an interactive zoomable treemap.
    --mv, --modifyVars [modifyVars]  Enables run-time modification of Less variables.
    --bp, --babelPolyfill            Use babel-polyfill to polyfill your code.
    --pfx, --prefix [prefix]         Add prefix to output filename. (default: )
    -e, --entry [entry]              The entry of xbundle (default: ./src/index.js)
    -p, --path [path]                The output path of xbundle (default: ./dist)
    -j, --jsx                        Entry extension is .jsx
    -m, --mode [mode]                production or development. (default: production)
    -a, --webpackAlias <alias>       Alias for webpack resolve. (A json file)
    -s, --splitChunks                https://webpack.js.org/plugins/split-chunks-plugin/
    -w, --watch                      Turn on watch mode.
    -h, --help                       output usage information

Commands

xbundle [options]

-V, --version

Output the xbundle's version.

--ay, --analyze

Visualize size of webpack output files with an interactive zoomable treemap. (Only when you use webpack it can work) https://github.com/webpack-contrib/webpack-bundle-analyzer

--mv, --modifyVars [filePath]

Enables run-time modification of Less variables (Less). the [filePath] can be a json or less file.

eg.

xbundle -e list --mv ./theme/index.less
# or
xbundle -e list --mv ./theme/theme.json

--bp, --babelPolyfill

Use babel-polyfill to polyfill your code. It probably be used when you write react app.

--pfx, --prefix [value]

Add prefix to output filename. (default: '')

# prefix: zh-CN

# production mode
[hash:6].zh-CN.min.js

# development mode
zh-CN.min.js

-e, --entry [filename | directory | mixed]

Specify the entry of xbundle. (default: 'bundle=./src/index.js')

bundle need a name, so you need format it like this name=filename.

  • filename

    xbundle -e home=entry/index.js
    
  • directory

    You can specify a directory, and xbundle will find the index automatically.

    eg.

    my-app
    ├── node_modules
    ├── package.json
    └── entry
        └── index.js
    
    xbundle -e bundle=entry
    

    eg.

    my-app
    ├── README.md
    ├── node_modules
    ├── package.json
    └── applications
        ├── about
        │   └── index.js
        └── home
            └── index.js
    

    When the directory like this, you do not need specify the name of bundle, the about and home will be name.

    xbundle -e applications
    
  • Mixed

    xbundle -e home=src/index.js,applications
    

-p, --path [value]

Default: './dist'

Specify the output directory of xbundle.

-j, --jsx

Specify entry's extension .jsx.

-m, --mode [mode] (production | development)

Defalut: production

  • production -- uglify code.
  • development -- not uglify code

-a, --alias [alias]

Webpack resolve alias, [alias] is a json file like this.

{
  "moment": "client/lib/monent.js"
}
xbundle -e applications -a alias.json

or just use like this:

xbundle -e src -a moment=client/moment.js

-s, --splitChunks

When specify, webpack will split chunks into split files. https://webpack.js.org/configuration/optimization/#optimization-splitchunks

-w, --watch

Open the watch mode.

-h, --help

Show usage help.

LICENSE

MIT © PengJiyuan

Current Tags

  • 0.0.6                                ...           latest (2 years ago)

7 Versions

  • 0.0.6                                ...           2 years ago
  • 0.0.5                                ...           2 years ago
  • 0.0.4                                ...           2 years ago
  • 0.0.3                                ...           2 years ago
  • 0.0.2                                ...           2 years ago
  • 0.0.1                                ...           2 years ago
  • 0.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (20)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |