JavaScript
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
LICENSE
README.md
index.js
package.json
webpack.config.js

README.md

path-replace-loader for webpack

Path replace loader for webpack. Replace a given base path with another path for dynamic module loading. Great for large applications with locally overridable modules.

Installation

$ npm install path-replace-loader

Usage

Read more about using loaders

Configuration

  • path: Absolute original path to replace, e.g. __dirname/app/core
  • replacePath: Absolute replacement path, e.g. __dirname/app/local

webpack config

module.exports = {
  module: {
    rules: [
      {
          test: /\.js$/,
          loader: 'path-replace-loader',
          exclude: /(node_modules)/,
          options: {
              path: 'ORIGINAL_PATH',
              replacePath: 'REPLACE_PATH'
          }
      }
    ]
  }
};

Example

Loader tries to load from local directory if file exists app/local/modules/auth

const authModule = require('app/core/modules/auth');

Babel + webpack

Make sure to include this in your .babelrc, if you want to use Babel with webpack

{
    "presets": [
        ["es2015", { "modules": false }]
    ]
}

Release History

  • 2.0.0 - Bump packages and add webpack 3 support
  • 1.0.0 - Add webpack 2 support
  • 0.2.2 - Improve example
  • 0.2.1 - Update README
  • 0.2.0 - Use dependency to introduce file to webpack in order to make them watchable
  • 0.1.0 - Initial release

MIT License