How to replace modules

[jhnns]

I'm trying to update alamid to webpack@0.9.x. Our current bundling concept is a bit of a mess, but for now I'm trying to adapt alamid to webpack@0.9.x without changing the overall concept (we'll do that in the next step).

We had a resolve-module, that tried to replace server-only module with client modules. I know that webpack has an own mechanism, but ours is a bit different. It works like this:

If a .server.js-file is found, the resolve-module tries to find a .client.js-file and then just a .js-version of the module. If none of this can be found, the loader throws an exception to warn the user that he's about to require a server-only module.

There's additionally a special algorithm for files inside the node_modules/alamid-folder that tries to the same, but with whole directories. If a server-only module inside the /server/- or /core/-directory has been required, it tries to find it in the /client/-directory.

How can I accomplish that with webpack@0.9? Maybe with lib/NormalModuleReplacementPlugin.js?

You can find our implementation in /lib/core/bundle/resolveFilename.js

[sokra]

The NormalModuleReplacementPlugin goes the right way, but it just replaces by RegExp. You'll need a bit complexer solution. Write your own plugin based on the NormalModuleReplacementPlugin.

In detail the plugin hooks the after-resolve of a normal-module-factory. It is called after a expression in a require call is resolved and before the actual module is instanciated. The only parameter is a mutable object with

• request - The internal id of the module. Same modules must have same ids.
• userRequest - The intention of the user (without pre and post loaders). Will be displayed in stats
• rawRequest - The unresolved expression in the require call
• loaders - A list of resolved loaders
• resource - The resolved resource
• parser - The parser that will be used by the module.

require("./loader?query!./resource") ->
{
  request: "/path/preloader.js!/path/loader.js?query!/path/resource.js",
  userRequest: "/path/loader.js?query!/path/resource.js",
  rawRequest: "./loader?query!./resource",
  loaders: ["/path/preloader.js", "/path/loader.js?query"],
  resource: "/path/resource.js",
  parser: [Object]
}

You may want to modify request, resource and userRequest. Keep in mind that there can be querystrings.

---

Resources:

• wiki: writing webpack plugins

[jhnns]

Thx, I'll check it out. 😄

[jhnns]

Works like a charm, thx!

[Lynn-cc]

@sokra
If I want to modify the module contents instead of the module's path , could you tell me how to write this plugin ?
I've tried replacing the module._source._value in a hook emit, but there are some strange results in the final files. such as:
__webpack_require__M6ule: D:\cmshow\apollo_dev\js\common\qt_compass_js
the right results should be:
//DYNAMIC removed module: D:\cmshow\apollo_dev\js\common\qt_net_js
I can't find out what happened, maybe using the emit hook is not right ?

[sunzongzheng]

@Lynn-cc I met the same problem, did you resolve it?