Menu
I use Webpack in order to build my javascript of my website.
Everything work perfectly but I would like to call require into a template (added dynamically).
I want to be able to require a module after the build. (require is not defined into the global context).
Is it possible ?
Thx
237
Each time you use the AMD-style require([]) or require. ensure() webpack will see what you passed in there and go and create a bundle with every possible match. That works great if you pass in a single file, but when you use a variable, it might end up bundling your entire view folder.
Webpack is an aggressive and powerful module bundler for JavaScript applications. It packages all the modules in your application into one or more bundles (often, just one) and serves it to the browser. However, Webpack is more than just a module bundler.
module. rules allows you to specify several loaders within your webpack configuration. This is a concise way to display loaders, and helps to maintain clean code.
An option which is available to you now is to create a context which you expose globally on window. I've had success using the following snippet:
// Create a `require` function in the global scope so that scripts that have
// not been webpack'd yet can still access them.
window["require"] = function (module) {
return require("./public_modules/" + module + ".js");
}
Basically what you're doing is exposing a folder to webpack and telling it to pack all the files in that folder in to a chunk. You can then type var moduleName = require("module-name") outside of a webpack'd script.
As long as the above snippet is inside a file which gets bundled and evaluated, you will have a function defined on window (coincidentally named "require" but you can call it anything) which will use webpack's require functionality.
126
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
