@magic-gear/dev-resolve
v0.2.1
Published
webpack plugin for resolving dependency in development
Downloads
26
Readme
dev-resolve
A webpack plugin for resolving dependency in development
Features
The goal of the webpack plugin is to make you develop and test your self-developed dependencies easily, in your own apps
- reoslves your self-developed dependencies from repo location instead of node_modules of the app project
- use babel option in each repo to transpile your self-developed dependencies, as if you are using published packages
- each self-dependency is a independent package, lockfile won't be affected, which happens in a workspace, you can open source it alone to others
- package manager agnostic: we implement a link mechanism to register your package to avoid flaws of package manager
link
, so you can use any package manager with dev-resolve - resolve common dependencies: some dependencies, as such
react
, you should make sure you use the same copy as in your app across all dependencies
Install
npm add -D @magic-gear/dev-resolve
Usage
Step 1: Link your packages
cd /path/to/your/package
npx dev-resolve link
This create a link in a global node_modules
like directory, make the plugin in app can find the dependencies.
Step 2: Config the plugin in your app
// webpack.config.js
const DevResolvePlugin = require('@magic-gear/dev-resolve')
module.exports = {
plugins: [new DevResolvePlugin({common: ['react']}), ...other plugins],
...other configs
}
This plugin hooks into webpack by watchRun hook, so it only works with dev-server.
Options
common
: Default[]
. Common dependency that should resolve from app node_modules. It's useful when some peer dependencies should be resolved to the same module, such as react, react-jss.