webpack-get-aliases v1.0.3

webpack-get-aliases

by Jeff Borders (@jeffb-fiverr)

Get all aliases contained in package.json dependencies and devDependencies packages

This is a small webpack helper designed to automatically get "moduleAliases" from dependencies in the calling repo's package.json file, easing the workflow when requiring assets.

Example use-case:

"package-a" package.json:

dependencies: {
    "package-b" : "^1.0.0",
}

"package-b" directory structure:

package-b/
 - dist/
   - js/
     - index.js
     - MyFile.js
     - MyOtherFile.js
 - package.json

"package-b" package.json

{
  "moduleAliases" : {
    "package-b/MyFile" : "package-b/dist/js/MyFile"
  }
}

webpack-get-aliases will read that property in the package.json file and add that alias to the webpack config.

Usage

package.json

{
  "dependencies" : {
    "webpack-get-aliases" : "^1.0.0"
  }
}

webpack.config.js

const pkgJson = require('./package.json');
const getAliases = require('webpack-get-aliases');

module.exports = {
  ...
  resolve: {
    alias: getAliases(pkgJson)
  }
}

JS

Instead of:

import MyFile from 'package-b/dist/js/MyFile';

Now you can do (based on the moduleAliases property in package-b/package.json):

import MyFile from 'package-b/MyFile';