webpack - 是否有一个 webpack 依赖对象接受内容而不是文件路径? (开发插件)

标签 webpack

Webpack 插件可以使用 CommonJsRequireDependencyrequire("something") 转换为类似 __webpack_require__(165) 的内容,如 lib/dependencies/CommonJsRequireDependencyParserPlugin.js#L74-L82 所示。 。 CommonJsRequireDependency 接受请求(文件路径)和范围

是否有任何依赖对象不传递文件路径,而是获取文件内容本身? (我想动态生成内容)。

PS:我在实现一个插入动态生成的依赖项的插件时遇到了这个问题。

最佳答案

我不知道是否可以使 require() 语句本身的上下文动态化,超出 webpack 中包含的动态上下文内容 ( http://webpack.github.io/docs/context.html )

但是,我在处理基于环境变量创建配置 json 时遇到了类似的问题。我最终创建了一个自定义加载器来创建动态内容。它最终看起来像这样:

var config = require('config!.)

然后我的自定义加载程序类似于:

module.exports = function(source) {
    this.cacheable();
    var callback = this.async();

    myLib.getConfig()
        .then(function(config) {
            callback(null, config)
        });
}

关于webpack - 是否有一个 webpack 依赖对象接受内容而不是文件路径? (开发插件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31147779/

相关文章:

javascript - 如何在 Rollup 中配置从多个输入文件仅生成单个输出文件?

sass - 使用 babel-node 和 babel-istanbul 运行 mocha 测试时加载 css 时出错

webpack - 我可以使用带有 webpack 的 cssnext 来创建一个变量文件吗?

webpack - 如何让 Vue (vue cli 3) 正确处理 GraphQL 文件?

javascript - Webpack 捆绑客户端特定组件

css - Webpack 在 HTML 构建中不包含 css

javascript - 将 TerserWebpackPlugin webpack 插件的源映射选项设置为 true 会显着增加 webpack 构建时间

webpack - 无法在 React 应用程序中使用 GLTFLoader 从本地目录加载 GLTF 文件。它从外部 URL 正确加载

vue.js - 入口点 - webpack.config.js 与 vue.config.js

javascript - Webpack合并不同目录下的配置文件