问题标签 [webpack-provide-plugin]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
851 浏览

webpack - webpack ProvidePlugin 不适用于微风

我正在尝试将微风与使用 webpack (4.20.2) 的 TypeScript Web 应用程序一起使用。这些条目在我的 npm package.json 文件中:

我有一个供应商 webpack 配置,它具有以下内容:

我得到

错误:Q 未定义。你想念 Q.js 吗?见 https://github.com/kriskowal/q

所以我在我的代码中添加了一个 polyfill 以使用 ES6 Promises for Q,并在我的启动代码中执行此操作:

现在我明白了:

无法找到 jQuery

我很确定 boostrap 会寻找一个全局 jQuery,所以我认为问题很简单。

为什么微风看不到全局jQuery?我该如何解决?

0 投票
1 回答
520 浏览

babeljs - Parcel:如何使“React”全局化,而不是在每个文件中都导入它

我发现了如何使用 webpack 使 React 全球化:https ://stackoverflow.com/a/32556581/565877

但我想知道如何使它成为全球包裹

0 投票
2 回答
1683 浏览

javascript - 使用 webpack 的 ProvidePlugin 时,jQuery 不能作为“$”使用

我试图$在我的 webpack 应用程序的入口index.js文件中使用 jQuery,并且在浏览器中运行我的应用程序时收到此错误:

未捕获的类型错误:无法读取未定义的属性“fn”

这是由于我正在导入的模块中的一行称为bootstrap-switch,而有问题的行是:

$.fn.bootstrapSwitch = function() {

所以我没有$作为一个全局变量工作。我按照ProvidePlugin docs上的说明进行操作,如下所示。我也尝试了这个问题中提供的答案,但没有奏效。

这是我的webpack.config.js文件的缩写版本:

这是我的src/index.js文件:

任何帮助将非常感激。

编辑

此问题的先前版本询问了实际上是 ESLint 错误的构建错误。感谢@UjinT34 帮助我解决了这个问题并专注于上面列出的实际错误。

0 投票
1 回答
55 浏览

webpack - 选择为哪些文件提供选择模块 webpack.ProvidePlugin

是否有可能在我的配置中选择为具有 .jsx 扩展名的特定文件提供反应包。

现在我已经为 .js 和 .jsx 导入了反应,但我可以只对 .jsx 文件限制它吗

0 投票
0 回答
58 浏览

javascript - Webpack ProvidePlugin 无法解析我的模块的绝对路径

我正在尝试使用 Webpack ProvidePlugin 使模块全局可用,但是当我尝试编译和/或运行我的项目时遇到路径解析错误。以下是相关文件:


我的服务

/home/me/workspace/my-project/src/client/services/my-service.js


应用程序,它使用 MyService

/home/me/workspace/my-project/src/client/app.js


Webpack 配置

/home/me/workspace/my-project/webpack.config.js


构建项目时,Webpack 在my-project/dist/bundle.js

构建我的项目进展顺利,但启动它会产生以下错误:

找不到模块:错误:无法解析“/home/me/workspace/my-project/src”中的“/home/me/workspace/my-project/dist/src/client/services/my-service.js” /客户'

如果需要,随后会出现更多错误。

我希望我的 Webpack 配置MyService在遇到模块时将绝对路径解析为 , 和 sub 在该绝对路径中。但奇怪的是,它似乎使用了对于引用模块的文件目录的绝对路径。我很混乱。

任何帮助表示赞赏。