Shared webpack config across RentPath apps.
$ npm i --save webpack-config-rentpath
The most minimal usage would be to create a
webpack.config.js file in the root of your app with the following content:
moduleexports = config
If your app requires any webpack aliases (
resolve.alias), create a separate file
webpack-alias.config.js that exports the alias hash. The file will automatically be found and loaded by the base config. For example:
moduleexports ="gallery": "gallery.js/dist""login": "login/dist""tealium": "tealium/dist/tagging.js";
If your app requires Babel presets other than
es2015, make sure to declare them in
.babelrc in the root of your app. For example:
If you require any other customizations, you will need to edit
webpack.config.js such that it mutates the standard config before exporting it as described below.
The config that this package exports is a base config reflecting RentPath's opinions. If your app has special needs, it can mutate the base config. For example:
var config = config// Add a loaderconfigmoduleloaders// Add a pluginvar webpack =configpluginsmoduleexports = config
If you need to make environment-specific config changes, you can take advantage of the
appEnv variable that
webpack-config-rentpath exports in addition to
config. The value of
appEnv is a string obtained from the environment variable
APPLICATION_ENVIRONMENT and defaults to
"production" if missing. For example:
var webpackConfigRentpath =var config = webpackConfigRentpathconfigvar appEnv = webpackConfigRentpathappEnvifappEnv == 'development'// do some dev stuffifappEnv != 'development'// do some non-dev stuffifappEnv == 'production'// do some production stuffmoduleexports = config
npm run compile- Compiles the module to disk (~/lib).
npm run compile:watch- Same as
npm run compilebut watches files for changes.
npm run lint- Lints all files.
npm run lint:fix- Lints all files and attempts to fix any issues.
npm run test- Runs unit tests.
npm run test:watch- Same as
npm testbut watches files for changes.
npm run test:cov- Generates a test coverage report.
webpack-config-rentpath uses Commitizen to format commit messages.
$ npm install -g commitizenOnce you are ready to commit, follow the familiar github workflow, with a slight change.
$ git add <files>$ git cz
git cz will bring up the Commitizen commit prompt, follow the instructions, and
$ git push as usual.
This commit message format is used for