2.1.0 • Published 5 years ago
@hanreev/webpacker v2.1.0
Webpacker
Easy way to use webpack
Installation
NPM
npm i -D @hanreev/webpackerYarn
yarn add -D @hanreev/webpacker
Configuration
Run
webpacker initcommand to generate empty configuration# NPX npx webpacker init # yarn yarn webpacker initAdd
--outoptions to generatewebpacker.config.jsinto different pathAvailable options:
Option Type Default Description outputPathstring''Assets output path, can be absolute or relative path publicPathstring''URL to public path entries{destPath: string: string|string[]} {}List of entry files. Destinaton path for glob and array may use [name],[basename]and[ext]placeholdersplitChunksObject{}See Webpack SplitChunksPlugin options runtimeChunckboolean|'single'|'multiple'|{ name: string } falseSee Webpack runtime chunk option providersObject{}See Webpack ProvidePlugin options copies{[destPath: string]: string}{}List of files, folders or glob to copy sourceMapboolean|'auto' 'auto'Enable/Disable source map hashOutputstring|boolean trueHash output path. trueenables hash output to default location:asset-hash.jsonwatchExcludestring[][]List of files, folders and glob string to exclude on watch devServerObjectundefinedSee Webpack DevServer options webpackConfigObjectundefinedOverride webpack configuration. See Webpack configuration
Usage
NPX
npx webpacker <command> [options] # To see available commands and options, run: npx webpacker --helpYarn
yarn webpacker <command> [options] # To see available commands and options, run: yarn webpacker --help
Help Output
Usage: webpacker <command> [options]
Commands:
webpacker production Compile assets for production [default] [aliases: prod]
webpacker development Compile assets for development [aliases: dev]
webpacker watch Compile assets for production
webpacker server Compile assets and start dev server
webpacker init Generate webpacker configuration
Options:
--help, -h Show help [boolean]
--version, -v Show version number [boolean]
--config, -c Webpacker config path [string]
[default: "webpacker.config.js"]
--merge, -m Merge with provided webpack config [string]
--progress, -p Print compilation progress in percentage [boolean]
--color, --colors Enables/Disables colors on the console [boolean]
[default: true]
--json, -j Prints the result as JSON. [boolean]