问题标签 [webpack-4]

我正在从webpack 3升级到4.html-webpack-plugin遇到`enter code here

似乎它正在尝试将入口点设置为自身？

webpack 配置文件很大，但这里是相关部分

我正在尝试使用 Webpack 4 使内联 JavaScript 可以访问 jQuery 插件。

我正在使用PluginProvider使 jQuery 可用于我的网站：

这工作正常，我可以从包含我的包的任何页面访问 jQuery。

我尝试通过创建一个包含以下内容的包来添加bootstrap-datepicker ：vendor.js

我可以$('input').datepicker()从vendor.js包中调用，但是如果我尝试使用内联调用它，<script>我会得到：

如何配置 Webpack 4 以使其bootstrap-datepicker可用于全局范围？

更新

我已在此处上传了演示此问题的源代码：https ://github.com/LondonAppDev/webpack-global-jquery-issue

看来问题是第二个包导入是在没有 datpicker 附加组件的情况下重新添加 jQuery。有没有解决的办法？

我需要创建一个具有 10 个页面和 3 个入口点的多个 Web 应用程序。我是否应该创建 11 个HtmlWebpackPlugin并编写我想在每个 HTML 文件中使用的块。

我的文件树：

结果，我想看到类似的东西：

webpack 的版本 - 4.5.0

我也对在这种情况下如何使用webpack-dev-server和python3(tornado)服务器感兴趣？

我知道这并不难，但实际上（wp 4.5.0）我找不到信息，而且对于刚开始使用 webpack 的人来说，文档很难阅读。

我已经升级到 webpack 4。 webpack 正在编译，但脚本没有加载。login.html:89 GET http://localhost:4200/oms/ng1.bundle.js login.html:89 GET http://localhost:4200/oms/scripts-login.bundle.js

这是我的 webpack 配置文件

它不会让我发布比这更多的代码。我将尝试在回复中提供我的 package.json 文件 .................................... . . . . . . . . .

我很感激任何帮助。我很高兴提供更多细节。

我遇到了一个问题，我无法导航到路径大于 1 部分的路由，例如使用时react-router-dom@4.2.2：此外，这是我遇到此问题的存储库的 Github 链接。

https://github.com/ShawnCholeva/React-Typescript-Webpack4-Router

所以我注意到这只有在我使用 HashRouter 而不是 BrowserRouter 时才有效。所以这让我认为这可能是我通过webpack-dev-server@3.1.1. 所以我看到我必须将 historyApiFallback 属性添加到我的 devServer 属性对象中，webpack@4.2.0如下所示：

然后我通过 package.json 中的 npm 脚本运行应用程序，如下所示：

因此，当我导航到 localhost:5000/accountSetup/123 时，我在控制台中收到以下错误：

我还尝试将其与http-server-spa包一起提供，并在导航时注意到以下日志：

似乎它正在将最后一个路由参数的url中的前缀添加到路由加载bundle.js中。所以你可以看到当我导航到 accountSetup 时，它只是引用了 bundle.js，因为它是 url 中的最后一段。但是当我添加多个段时，似乎将之前的段从 localhost 附加到最后一个段，到 bundle.js 的路径

编辑：

似乎与使用动态路由的 BrowserRouter 与使用静态路由的 HashRouter 有关。

这是我完整的 package.json 和 webpack.config.js 文件

包.json：

webpack.config.js：

我最近从 Webpack 2 升级到 4。Webpack 可以编译，并且大多数应用程序都可以正常工作。似乎是应用程序的损坏部分。我收到错误

我的 module.ts 文件如下

完整的错误信息是

我的 package.json 文件如下

我感谢任何和所有的帮助。

我目前正在将我的 Angular-webpack 3 应用程序迁移到 webpack 4。除了两个警告之外，一切正常。我搜索了相同的内容，下面的博客说您必须使用 Rule.parser.system: true。

https://github.com/webpack/webpack/issues/6357

但无法判断语法。请帮忙。

警告

我正在将我们的 AngularJS 项目从 Gulp 迁移到 Webpack。我正在按照文档进行操作，但我不断收到此错误：

这是 index.js 文件：

我把上面的style.css路径换成了连硬盘都包含在内的绝对路径，开发服务器也没有报错，那一定是路径问题吧？

我可以看到 [name].bundle.js 导出就好了。

如何使用 webpcak 4 加载 mp4 视频格式，我尝试这样：

并像这样导入

但这对我不起作用，并且出现错误You may need an appropriate loader to handle this file type.

但这对我有用，但我不想在每个文件中添加

我设法将我们的 AngularjS 1.3.15 项目从 Gulp 迁移到 Webpack 4，现在我正试图将我们所有的 5000 多行文件组织到单独的文件中。问题是我不知道如何准确地导出 AngularJS 控制器或指令等以便轻松导入 index.js 文件，以便可以导入我们的 main.js 文件。

例如，我们的一个大文件以 angular.module 开头，然后是控制器，如下所示：

然后是工厂：

后跟一个指令：

在最后一个示例之后，只有一堆指令，所有内容都在这个巨大的文件中，因此需要对其进行组织以使其可维护。

那么导出所有这些的正确方法到底是什么？