问题标签 [webpack-production]

生产文件夹中没有图像。有什么简单的方法可以解决 webpack 配置中的问题吗？

包.json

webpack.config.js

I have vendor.bundle.js of 6MB size. I am using webpack configuration, how to reduce the size of vendor.bundle.js to optimize the load performance. I have achieved the performance for rest of file only my vendor.bundle.js is taking time to load apprx 7 to 8sec. Does anyone can help on this. Is there a way to skip vendor.bundle.js on load.

我正在使用 asp.net core 2x 和 angular 5 构建 Web 应用程序，在开发/调试模式下，一切都构建得很好。但是当我尝试在 Visual Studio 2017 中以发布模式发布它时，我收到了这个错误。请帮助我解决这个问题。我没有在我的代码中使用它，但它存在。装饰器不支持函数调用，但在“Injectable”中调用了“makeParamDecorator”。“Injectable”调用“makeParamDecorator”。请帮助。提前致谢。我的错误消息的屏幕截图

因此，在遵循 webpack 网站上的指南并在此处跟随 Petr 的视频之后：https ://www.youtube.com/watch?v= JdGnYNtuEtE 我有以下 webpack.config.js 文件：

它已经到了我的应用程序的生产阶段，dist 文件夹中只存在 bundle.js 文件和 index.html 文件。这有效，因为它从“ ../src/assets/ ”文件夹中获取资源，但是我希望它应该创建资产并将其复制到/dist/文件夹中的资产文件夹中。

如果有人可以帮助我解决我在配置中做错的事情，我将不胜感激！

我正在为 Vue.JS 网站使用这个webpack 模板。

我部署了该应用程序，它运行良好，但如果您在 Chrome 中转到开发人员工具 > 源代码，然后在 webpack:// 下，您可以看到组件和整个代码。有没有办法摆脱它？或者如果您使用 webpack，这是否很常见？

谢谢你。

我找不到任何有用的东西来帮助我理解如何在 React 中将开发模式更改为生产模式。我是否安装了任何其他软件包？什么是缩小我的 js 和 css 文件的最佳插件？

这是我的 webpack.config：

我正在创建自己的 webpack 入门模板，在最近的调整中，我不知何故停止了构建版本的工作，但我不知道出了什么问题或如何调试它，因为没有明显的错误消息等。

在我的 package.json 我有：

我的启动脚本运行良好。构建脚本不起作用。

构建脚本在终端中执行此操作。

调试尝试 #1 CLI 中的 webpack 是否有效？

我跑了这些：

$ webpack $ webpack -v $ webpack --version

我没有得到“找不到命令”，而是执行的命令没有输出并退出。

是 webpack 运行不正常的问题吗？

我想知道在 package.json 中有 webpack 是否足够，或者我是否需要在本地全局安装它并通过 npm 作为独立包安装？

不知道如何找出问题所在。请帮忙。

这是包含我的 webpack 配置文件的代码：

https://github.com/demingfactor/webpack-tailwind-starter-template

我是使用 react-router-4 和 webpack-4 的新手。

我有一个在本地运行的节点服务器，配置了 express。当我运行 webpack 生产构建时，我得到一个“无法获取 /URL”，尽管路由在路由链接和页面内工作正常，但是一旦我进行深度链接或页面刷新，页面就不会被获取。

webpack-dev-server 构建一切正常。

我有以下用于开发服务器的 webpack 配置：-

但我不确定我需要使 webpack 生产构建工作的配置。是 webpack 的问题还是快速获取页面的问题。

我们在一个项目文件中使用来自antd/lib的lib/styles/.css文件。在生产构建中，即使antd/package.json将提供位置的文件定义为 sideEffects，也不会发布相同的内容。

我们已经尝试为Webpack 配置的module.rules中的 CSSLoader 从 node_modules 中提取的所有 CSS 文件设置sideEffects: true。

进口声明——

antd/package.json中的 sideEffects 定义

CSSLoader 规则定义为我们努力将所需文件标记为 sideEffects-

从antd导入的 CSS 文件不存在于生产包中。

PS 没有显示错误信息

我每 10 秒使用 Observable.timer(0,10000) 调用一个 API，并取消订阅 ngOnDestroy() 方法。但是这个调用并没有停止，它不断地添加到队列中，即使在离开该组件后也调用。

我试图破坏ngOnDestroy()功能上的组件。但它仍然是它的接听电话。

它应该只在这个组件上调用，并且应该每 10 秒调用一次，但是如果我们去其他组件调用被添加到队列中并且一旦返回到实例组件，它每 10 秒调用多次。

代码：