问题标签 [webpack-production]
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.
javascript - 减少生产应用程序的包大小
我有一个生产应用程序,其捆绑包大小为8.06MB。
关于构建应用程序并运行source-map-explorer
我收到警告build
:
捆绑包大小明显大于推荐的大小。
您可以检查源映射。
我想减小捆绑包的大小,根据我所做的研究,它得出的结论是:
- 寻找大型图书馆的替代品。
- 为我的需要制作一个“精简”版本的库。
- 按需导入单个组件:
- 代码拆分。
- 将库移至
devDependencies
我有一些问题:
- 为什么小包很重要?
- 推荐的捆绑包大小是多少,为什么?
- 我了解代码拆分会将您的代码拆分为各种捆绑包,然后可以按需或并行加载。它如何帮助减少捆绑包的大小?
- 我如何决定图书馆是否需要成为其中的一部分
devDependencies
- 还有其他方法吗?
reactjs - 带有打字稿的docker容器内的CRA需要很长时间
当没有其他构建正在运行时,我们的服务器需要 40 分钟。该项目非常大,许多输出都是4K。我的问题是这是否正常/预期?因为我看过其他人抱怨运行时间为 10 分钟的帖子。
编辑:
大部分时间都在:“创建优化的生产构建......”
如果没有什么我能做的?我可能错过的任何问题?非常感谢。
服务器规格:CPU:Intel Xeon 1225v3 RAM:4GB
javascript - 拒绝应用来自 ' 的样式' 因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查
朋友们,我花了一整天的时间寻找解决方案,但我无法解决它。当我为生产构建它时,我得到了这个,在开发模式下(没有缩小和东西)它在 localhost 中运行良好,但是当我在 dist 文件夹中获取我的文件并将它们上传到托管服务器时,我得到了这个错误:
拒绝应用样式,
'<URL>'
因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。
我停止使用一开始有评论的 CDN,下载代码并将其保存在本地并删除所有评论。(这里最被接受的答案是,当缩小过程发生时,一开始的评论会搞砸一切,但即使这样做,我仍然会得到错误)
任何帮助将不胜感激。谢谢。
vue.js - VueJS - process.env.NODE_ENV 等于“开发”,即使设置了“--mode production”
我正在尝试让我的 VueJS 应用程序为生产做好准备。标题中跨问题的案例。如何在不依赖 process.env.NODE_ENV 的情况下让我的应用程序从生产环境中准备好并区分 dev/prod 环境(因为它没有按预期工作)。
谢谢!
PS 没有直接编辑过webpack,只是摆弄了一下vue.config.js。
angular - jhipster 编译很慢(mvnw -Pprod 需要一个多小时)
当我想用 47 个创建的实体编译我的 jhipster 时,需要很长时间(在 55 分钟到 1h15 之间)。
使用的命令是:mvnw clean install package -DskipTests -Pprod
需要时间的似乎是 webpack:
在我的 package.json 中:
我必须将参数 (max_old_space_size) 传递给 8GB,因为我有一个 4GB 的外存
我的版本:
你知道如何优化编译吗?1 小时编译似乎异常长。
reactjs - 错误导致 webpack 无法构建
我正在使用 Webpack 编译在 React 中创建的网站的前端。
对于开发环境,我在 Windows 的 cmd.exe 中运行yarn dev
指令,webpack 正确地在 /dist 文件夹中生成包。
对于生产环境,我在 Windows 的 cmd.exe 中运行该yarn production
指令,但由于 .ts 文件中的一些错误,它不会生成任何包。是否可以忽略这些错误并完成捆绑包的制作?
包.json:
webpack.config.js:
angular - 如何修复由于 package.json 仅在生产中丢失而导致的服务错误?
如何修复以下错误:
抛出时:
正在运行。但是在以下情况下不会抛出:
运行?
这是 package.json:
和npm ls --depth=0
:
节点和 npm 版本:
也尝试使用节点6无济于事。
该软件包handsontable
独立于 npm 提供。
javascript - 如何在生产 webpack 构建中获取原始函数参数名称
我正在尝试实现类似于依赖注入的东西,通过从 javascript 模块公开的函数中获取参数名称,如下所示:
我可以通过解析函数的字符串表示来解决这个问题。已经有一个 SO 线程。
当代码与 webpack 捆绑用于生产时,我的问题变得很明显,所有参数名称都被破坏了,并且原始名称丢失了。
我在 webpack 配置中找不到任何可以帮助我的选项。
有没有办法在不让导出函数的模块担心与此问题相关的任何事情的情况下做我想做的事情?
deployment - Swagger 工具生产构建节点 js
我们在 nodeJs 应用程序中实现了招摇。到目前为止,我们使用 webpack 创建了生产版本并删除了控制器和服务文件。
斌/www.js
如果我们在生产构建中执行相同的操作,并且期望解决相同路径的 swagger 中间件。构建后我们删除公用文件夹。
Webpack 代码
请帮助我们使用 swagger 中间件创建构建
提前致谢