Using Webpack custom loader in loaders array

Question

I am trying to build a Webpack custom loader:

module.exports = function(source) {
  // Transform the source and return it
  console.log('$$$$$$$$$$$$$$$$$$$$$');
  return source;

};

Now, I want to use it in my loaders array, something like:

loaders: [
      {test: /\.vm$/, loader: 'vm-loader', exclude: [/node_modules/, /dist/]}
]

I tried to use resolveLoader's alias, but it did not work:

resolveLoader: {
    alias: {
      "vm-loader": path.join(__dirname, "./lib/velocity-plugin")
    },
    root: [
      path.join(__dirname, 'node_modules'),
      path.resolve('./node_modules')
    ]
  }

What Am I missing?

Where is this module exported in your codebase. Also, do you have an example of loading a .vm file in your code? — Sean Larkin, Apr 13 '16 at 12:41
@SeanLarkin The export is inside "./lib/velocity-plugin". No example for now ): — Yaniv Efraim, Apr 13 '16 at 13:01
_did not work_ means no `$$$$$$$$$$$$$$$$$$$$$` in console? Without any errors? And `velocity-plugin` is a file or it `"./lib/velocity-plugin/index.js"`? — Bob Sponge, Apr 13 '16 at 13:13
@BobSponge no console, no errors. The velocity-plugin is the actual js file — Yaniv Efraim, Apr 13 '16 at 13:19
Content of `.vm` files in bundle.js is empty or just raw file? — Bob Sponge, Apr 13 '16 at 13:29
@BobSponge hmmm, wait. I don't see the vm files inside bundle.js, which is ok for me (don't want it inside bundle.js) — Yaniv Efraim, Apr 13 '16 at 13:34
Ok, your code works fine. And it will better to move loader to `/lib/velocity-plugin/index.js` file. — Bob Sponge, Apr 13 '16 at 13:55
@BobSponge so why is the vm not loaded? This is a file loaded by server, so no importing for it — Yaniv Efraim, Apr 13 '16 at 14:01
`.vm` not loaded via webpack because you not importing it. How server loading this files? — Bob Sponge, Apr 13 '16 at 14:05
@BobSponge ok, fair enough.. I guess that I'll find a solution when I will look for a solution for watching those html/vm files — Yaniv Efraim, Apr 13 '16 at 14:30
@BobSponge FYI - the solution is something like this: http://stackoverflow.com/a/33995496/916450 — Yaniv Efraim, Apr 13 '16 at 15:00

score 0 · Answer 1 · edited May 23 '17 at 11:52

0

Answering my own question:

As it turned out, my custom loader doesn't work because webpack does not work on files which where not required. In my case those html/vm files are not required and not part of the bundle (they are rendered by the server).

My solution was adding gulp in order to have this working. Another (hacky) solution will be using this method

edited May 23 '17 at 11:52

Community

1
1

answered Apr 20 '16 at 13:40

Yaniv Efraim

6,633
7
53
96

Using Webpack custom loader in loaders array

1 Answers1