Javascript 网页第2页:替换要求';带全局变量的d模

Javascript 网页第2页:替换要求';带全局变量的d模,javascript,webpack,webpack-2,Javascript,Webpack,Webpack 2,处理将在浏览器上下文中运行的一组脚本,其中某些模块(例如下划线)将作为全局模块提供。但是,我依赖于节点中模块中需要直接导入的模块。在编译这些文件时,是否可以将WebPack配置为依赖全局下划线实例,而不是在我编译的脚本中复制该库?如果希望在加载包时依赖环境中已有的库,则需要使用 对象的键(下划线)是用于导入它的键,而值()是它将查找的全局变量 require("underscore"); // Will return the _ variable from the global environm

处理将在浏览器上下文中运行的一组脚本,其中某些模块(例如下划线)将作为全局模块提供。但是,我依赖于
节点中
模块
中需要直接导入的模块。在编译这些文件时,是否可以将WebPack配置为依赖全局下划线实例,而不是在我编译的脚本中复制该库?

如果希望在加载包时依赖环境中已有的库,则需要使用

对象的键(
下划线
)是用于导入它的键,而值(
)是它将查找的全局变量

require("underscore"); // Will return the _ variable from the global environment!

如果希望在加载包时依赖环境中已有的库,则需要使用

对象的键(
下划线
)是用于导入它的键,而值(
)是它将查找的全局变量

require("underscore"); // Will return the _ variable from the global environment!

您需要的是:

externals
webpack中的配置提供了一种不在捆绑包中包含依赖项的方法。相反,创建的bundle依赖于消费者环境中存在的依赖关系。这通常适用于库开发人员,尽管应用程序开发人员也可以很好地利用此功能

这甚至适用于
node\u modules
中的模块,因为webpack遍历整个依赖关系树,以确定结果包中包含的内容

甚至还有一个专门针对您的用例的

externals : {
    lodash : {
    commonjs: "lodash",
    amd: "lodash",
    root: "_" // indicates global variable
  }
}
此语法用于描述外部库可用的所有可能方式。lodash在AMD和CommonJS模块系统下以lodash的形式提供,但以全局变量形式提供


您需要的是:

externals
webpack中的配置提供了一种不在捆绑包中包含依赖项的方法。相反,创建的bundle依赖于消费者环境中存在的依赖关系。这通常适用于库开发人员,尽管应用程序开发人员也可以很好地利用此功能

这甚至适用于
node\u modules
中的模块,因为webpack遍历整个依赖关系树,以确定结果包中包含的内容

甚至还有一个专门针对您的用例的

externals : {
    lodash : {
    commonjs: "lodash",
    amd: "lodash",
    root: "_" // indicates global variable
  }
}
此语法用于描述外部库可用的所有可能方式。lodash在AMD和CommonJS模块系统下以lodash的形式提供,但以全局变量形式提供