include mapping plugin with webpack

[Nate A]

I'm currently extending the mumble-web code [1] and load some extra data from a JSON string. To do that I want to use the mapping plugin.

How do I "install" or "use" the plugin in in generell (I know that I have to call ko.mapping.fromJSON in the code).

How do I include the plugin specifically with webpack?

So far I have found some snipped on StackOverflow, but adding the entry and plugins part to my webpack.config.js ended up with

…/mumble-web/node_modules/webpack-cli/bin/cli.js:93

throw err;

^

ReferenceError: webpack is not defined

So I think that was not the correct path to follow.

[1] https://github.com/Johni0702/mumble-web

[2] https://knockoutjs.com/documentation/plugins-mapping.html

[3] https://stackoverflow.com/a/51652194/414075

I would be very happy if some one can help me with that.

Natanael

[Nate A]

Am Dienstag, 9. Juni 2020 22:25:47 UTC+2 schrieb Nate A:

I'm currently extending the mumble-web code [1] and load some extra data from a JSON string. To do that I want to use the mapping plugin.

How do I "install" or "use" the plugin in in generell (I know that I have to call ko.mapping.fromJSON in the code).

How do I include the plugin specifically with webpack?

So far I have found some snipped on StackOverflow, but adding the entry and plugins part to my webpack.config.js ended up with

…/mumble-web/node_modules/webpack-cli/bin/cli.js:93

throw err;

^

ReferenceError: webpack is not defined 

So I think that was not the correct path to follow.

Ok so that was obviously wrong, I missed requiring webpack in my webpackg.config.js. After I did that, webpack compiled correctly but I get an error on runtime:

ReferenceError: invalid assignment left-hand side in index.js:274, which is the following:

!(function webpackMissingModule() { var e = new Error("Cannot find module 'knockout'"); e.code = 'MODULE_NOT_FOUND'; throw e; }()).extenders.logChange = function (target, option) {

The code I'm working on is here: https://github.com/AKSW/mumble-web/tree/feature/tryLoadingJSON

[Andrew Vickers]

It looks like there is a maintained version of knockout mapping on npm that lists knockout as a peer dependency in its package.json

https://www.npmjs.com/package/@avica/knockout-mapping

I would try using that and just requiring it normally.  Be sure to remove the explicit configuration that you added.

[Nate A]

Cool, thank you very much. This works great.