anypack

webpack the local deps

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
60Apr 7, 2017Jul 15, 2015Minified + gzip package size for anypack in KB

Readme

anypack

a new web packager that only inlined the deps of relative path, especially used for building components

[in testing]

##Options ####entry [Array] the entry files, [the file path matchs glob patterns] ###resolve [String] ####resolve.root [String] absolute path of deps ####resolve.dir [String] the dir relative to root; ####resolve.ext [String] the extname of deps. if the extname of dep file is not the value setted, the file of target will change to [filename.ext] ####resolve.alias [Object] Replace matched modules by other paths, the key is regexp String support the options above[e.g. root,ext, dir]; ###output ####output.path [String] the inlined target file ####output.fileNamePattern [String] the matched[1] will be the filename of inlined file; ###TEST

npm test

the inlined file will be write in test/dest/[define name] ##Sample

"use strict";
var opack = require('./lib/index');
new opack({
    entry: ['test/entry_1.js', 'test/entry_2.js'],
    resolve: {
        root: process.cwd(),
        alias: {
            '.*': {dir: './build'},
        }
    },
    output: {
        path: 'test/dest',
        fileNamePattern: 'comp/(.*)',
    }
});

####test/entry_1.js

  define('test1', ['common/util', './main.tpl', './base.css'], function () {
    var test1 = {
        testFun: 1
    };
    return test1
  });

####test/build/main.tpl.js

define('main.tpl', [], function () {
    var main = {
        testFun: 1
    };
    return main
}) ;

####test/build/base.css.js

define('base.css', [], function () {
    var baseCss = {
        testFun: 1
    };
    return baseCss
}) ;

the main.tpl.js and base.css.js will be inlined, and write to ./dest/test1.js file

##Reference

  • webpack

##TODO

  • support alias for deps
  • support export common module

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.