在浏览器中动态加载Webpack通用块（使用requirejs）

Question

I'm trying to create a Webpack bundle with some "vendor" dependencies (React, lodash, ...) and use them in my web app.

The issue I have, is that I don't want to add my vendor.js file as a <script> tag to my page, but rather require or import it in some way.

I tried using requirejs , but an error keeps coming up saying

webpackjsonp is undefined

Now, from what I read webpackJsonp is defined by CommonsChunkPlugin, which disallows loading scripts with async attribute.

My question : how can I dynamically load dependencies (vendors.js, commons.js, ...) only when they are required , while still using webpack?

More info: I use Typescript for my development, which loads modules using commonjs configuration (eg: import {clone} from "lodash/clone" )

Thank you in advance.

Answer 1

您可以使用webpack内置代码拆分 require.ensure或import() 。