关键依赖项-依赖项的请求是Webpack表达式

Question

我在我的angular应用程序中使用服务创建uibModal如下

function modal(modalConfig){
                  var modalInstance = $uibModal.open({
                  animation: true,
                  template: require("../a/b/xyz.html"),
                  controller: modalConfig.controller,
                  size: modalConfig.size,
                  controllerAs: modalConfig.controllerAs,
                  bindToController : true,
                  resolve: modalConfig.resolveObj

                });
            }

请注意行

 template: require("../a/b/xyz.html"),

我想在这样的地方使用变量

 template: require(modalConfig.templateUrl),

但是当我使用变量代替硬编码值webpack给我时

Critical dependencies:
83:22-54 the request of a dependency is an expression

我无法解决此错误。可能是什么原因呢？

我已使用node-express服务器进行连续webpack构建。我也查看了其他答案，但它们没有解决我的查询。

Answer 1

经过多次打击和试验后找到了解决方案。我所做的是：

template: require("../../scripts" + modalConfig.templateUrl + ".html")

假设条件

1. 所有文件所在的根文件夹是 scripts
2. 并说出该文件夹与写入函数的文件的相对路径../../scripts。
3. ../../scripts+ modalConfig.templateUrl+ ".html"将形成要使用的文件的正确路径。

强制性说明

1. 始终写一些根文件夹的硬编码路径。不要将其放在变量中。所以这行不通

var context = "../../scripts" ; template: require(context + modalConfig.templateUrl + ".html")

基本路径（在实际路径的一部分中）必须进行硬编码以供基本参考，因为它可以帮助Webpack创建动态需求可能需要的所有模块的列表。

原因（来自webpack 文档），需要动态读取。