Question

我正在构建一个非常大的企业应用程序，其中组件按需加载，我使用require.js，我能够require(stringVar){..}

但是我无法在webpack中这样做，我认为webpack在所有方面都更好

var URL ="./components/async.vue";
      console.log(typeof(URL));
      Vue.component("async", function(resolve) {
        // Master Loader
        require([URL], resolve);
      });

一切我将require(["./components/async.vue"], resolve);的值更改为require([URL], resolve);它会抛出

Critical dependency: the request of a dependency is an expression

Answer 1

我在我们的应用程序中做了很多，但不是以这种特定的方式。但是，我认为resolve应该发回组件的定义。

你c（/ sh）应该尝试：

resolve(require(URL))

DOUBT：上面提到的URL是服务器上的资源命中/两个组件之间的相对路径吗？

Answer 2

这解决了使用Webpack上下文依赖关系管理的问题

var Dynamic_address =＆＃34; ./ component / myfirstcomp.vue＆＃34;;

要求（＆＃34; ./ template /＆＃34; + Dynamic_address +＆＃34; .vue＆＃34;）;

https://webpack.js.org/guides/dependency-management/#require-context

从变量动态加载Vue组件

2 个答案: