import-deps
A tool to import webpack
bundled dependencies based on one file
Installation
npm install import-deps -g
Usage
To use import-deps
first cd
into the directory where the file you want to import lives
Example
cd myapp/media/ lsindex.js component.jsx component.less constants
In the command line, write import-deps
and the file name you would like to import
import-deps index.js
import-deps
will check if the file exists in the folder you are in and then prompt you for three configurations
- Where the webpack config files lives
- An export name for the config file (will just use the default exported config if nothing is specified)
- Where you would like to write the file and its dependencies to
prompt: Please point to apps webpack config: '/myapp/lib/webpack.config.js'prompt: Please specify export name
After the process is complete, the file and all its dependencies will be saved in the folder specified (in this case /newapp/imported
)
Dependencies
webpack
import-deps
assumes that you are using webpack
to bundle your JS files. If you do not use webpack
, this tool will not work for your build. Before importing a file from your project, make sure you run npm install
on the project to bring in all the necessary webpack
loaders and plugins
npm
packages
When finishing an import, the importer does not automatically install npm packages that your imported files depend on. This is a feature that has yet to be implemented. For now, after the build is done, the console will print all the dependencies within the project's node_modules
Resolves
If you still have errors in your webpack
build that are not related to npm packages it most likely due to your resolve config. Make sure your resolves within your new project take into account the resolves from the previous project you imported from.
License
MIT License, see LICENSE for details