需要一个带有 webpack 的模块

Posted

技术标签:

【中文标题】需要一个带有 webpack 的模块【英文标题】:require a module with webpack 【发布时间】:2014-06-15 11:03:42 【问题描述】:

我使用 Webpack 来构建我的网站的 javascript

一切正常,但我想将 require 调用到模板中(动态添加)。

我希望能够在构建后需要一个模块。 (require 未定义到全局上下文中)。

有可能吗?

谢谢

【问题讨论】:

【参考方案1】:

您现在可以使用的一个选项是创建一个context,您可以在window 上全局公开它。我使用以下 sn-p 取得了成功:

// Create a `require` function in the global scope so that scripts that have
// not been webpack'd yet can still access them.
window["require"] = function (module) 
    return require("./public_modules/" + module + ".js");

基本上你所做的是将一个文件夹暴露给 webpack 并告诉它将该文件夹中的所有文件打包成一个块。然后,您可以在 webpack 脚本之外键入 var moduleName = require("module-name")

只要上面的 sn-p 在一个被捆绑和评估的文件中,你就会有一个在window 上定义的函数(巧合地命名为“require”,但你可以称之为任何东西),它将使用 webpack 的 require 功能.

【讨论】:

以上是关于需要一个带有 webpack 的模块的主要内容,如果未能解决你的问题,请参考以下文章

带有 requirejs/AMD 的 Webpack

找不到带有 Webpack、Typescript、自定义模块目录的模块

Webpack 向带有导出的模块添加“不提供导出”

带有 IE 11 后备的 css 模块、postcss + webpack

带有 Webpack 模块联合的 Vue 3 CLI:组件从错误的主机加载

javascript 带有sass的Webpack css模块