[](https://github.com/episclera/multipack/blob/master/LICENSE)
[](https://github.com/episclera/multipack)
## Getting started.
Install: `npm i -g @episclera/multipack`
## Usage
#### `multipack open` - Open Multipack interactive WEB GUI
#### `multipack generate workspace` - Create a new monorepo following Multipack standards
```sh
? Workspace name (e.g., my-worspace) happyworkspace
? Workspace organization name (e.g., org my-organization) happyorg
```
#### `multipack generate package` - Create a new package in the current workspace following Multipack standards
```sh
? What to create in the workspace (Use arrow keys)
❯ module [UMD package]
react [UMD React package]
web [Next.js app]
api [Strapi api]
cli [CLI package]
```
#### `multipack generate ./pathToMyCustomGeneratorConfig.js` - Generates files using a custom generator at the specified path it can handle both absolute and relative paths.
#### `multipack lint workspace` - Will lint the workspace and all packages in the workspace following Multipack standards
#### `multipack lint ./pathToMyCustomLinterConfig.js` - Will lint the workspace and all packages in the workspace following the rules defined in the custom linter config file which you provided.
## Multipack shared configs usage
#### With Prettier
In your `.prettierrc.js` file just put this content.
```js
const { prettierConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const prettierConfig = require('@episclera/prettier-config')
module.exports = prettierConfig
```
#### With Commitlint
In your `commitlint.config.js` file just put this content.
```js
const { commitlintConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const commitlintConfig = require('@episclera/commitlint-config')
module.exports = commitlintConfig
```
#### With Renovate
In your `renovate.json` file just put this content. (Do not forgot to connect/install renovate app on GitHub)
```json
{
"extends": ["@episclera"]
}
```
#### With Jest
In your `jest.config.js` file just put this content.
```js
const { jestConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const jestConfig = require('@episclera/jest-config')
module.exports = jestConfig
```
#### With Eslint
In your `.eslintrc.js` file just put this content.
```js
const { eslintConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const eslintConfig = require('@episclera/eslint-config')
module.exports = eslintConfig
```
#### With Stylelint
In your `.stylelintrc.js` file just put this content.
```js
const { stylelintConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const stylelintConfig = require('@episclera/stylelint-config')
module.exports = stylelintConfig
```
#### With LintStaged
In your `lint-staged.config.js` file just put this content.
```js
const { lintStagedConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const lintStagedConfig = require('@episclera/lint-staged-config')
module.exports = lintStagedConfig
```
#### With Webpack
In your `webpack.config.js` file just put this content.
```js
const { commonWebpackConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const { commonWebpackConfig } = require('@episclera/webpack-config')
module.exports = commonWebpackConfig
// OR you can mix multiple configs with "mergeConfigs" util
const {
commonWebpackConfig,
packageWebpackConfig,
mergeConfigs,
} = require('@episclera/multipack')
// OR install and import just what you need separately: const { commonWebpackConfig, packageWebpackConfig } = require('@episclera/webpack-config')
// const { mergeConfigs } = require('@episclera/multipack-utils')
module.exports = mergeConfigs(commonWebpackConfig, packageWebpackConfig)
```
#### With Postcss
In your `postcss.config.js` file just put this content.
```js
const { postcssConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const postcssConfig = require('@episclera/postcss-config')
module.exports = postcssConfig
```
#### With Tailwindcss
In your `tailwind.config.js` file just put this content.
```js
const { tailwindConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const tailwindConfig = require('@episclera/tailwind-config')
module.exports = tailwindConfig
```
#### With Next
Usage is similar to next-compose-plugins
In your `next.config.js` file just put this content.
```js
const { nextConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const nextConfig = require('@episclera/next-config')
module.exports = nextConfig()
```
OR if you want to provide custom plugins or next options or webpack options
```js
const { nextConfig } = require('@episclera/multipack')
const { mergeConfigs } = require('@episclera/multipack-utils')
module.exports = nextConfig([myPlugin], {
publicRuntimeConfig: {
HOME_ROUTE_PATH: '/welcome',
},
webpack: config =>
mergeConfigs(config, {
resolve: {
alias: {
myAlias: './myPath',
},
},
}),
})
```
#### With NextI18Next
In your `next-i18next.config.js` file just put this content.
```js
const { nextI18NextConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const nextI18NextConfig = require('@episclera/next-i18next-config')
module.exports = nextI18NextConfig
```
#### With CodeGen
In your `.codegenrc.js` file just put this content.
```js
const { codeGenConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const codeGenConfig = require('@episclera/codegen-config')
module.exports = codeGenConfig
```
#### With Knex
In your `knexfile.js` file just put this content.
```js
const { knexConfig } = require('@episclera/multipack')
// OR install and import just what you need separately: const knexConfig = require('@episclera/knex-config')
module.exports = knexConfig
```
#### With PM2
In your `pm2.config.js` file just put this content.
```js
const { pm2Config } = require('@episclera/multipack')
// OR install and import just what you need separately: const pm2Config = require('@episclera/pm2-config')
module.exports = pm2Config
```
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
#### Or you can sponsor via [Open Collective](https://opencollective.com/episclera/)
[](https://opencollective.com/episclera/)
## Author
**[@episclera/multipack](https://github.com/episclera/multipack)** © [Episclera](https://github.com/episclera), Released under the [MIT](https://github.com/episclera/multipack/blob/master/LICENSE) License.
Authored and maintained by Episclera with help from contributors ([list](https://github.com/episclera/multipack/contributors)).
#### If you like this repository star⭐ and watch👀 on [GitHub](https://github.com/episclera/multipack)
