webpack 相关问题

Webpack是JavaScript模块捆绑器。 Webpack采用具有依赖关系的模块并生成表示这些模块的静态资产。 Webpack的主要功能源于可扩展性，使开发人员能够在Web体系结构和Web性能中使用最佳实践。

Webpack 生产版本不显示用户上传的图像（它们出现在开发中）

这个问题有这个前提，也许我错了：运行构建脚本 Webpack 会创建一个新的 dist 文件夹，其中包含分布文件它创建一个资产目录它用图像填充资产目录...

webpack nuxt.js

回答 2 投票 0

在load时播放音频而不是在click时播放（涉及webpack）

我正在制作一个音符音序器网络应用程序，目前我正在尝试实现按下与音符对应的按钮时播放音符的功能。我目前正在使用测试声音

javascript html webpack web-applications html5-audio

回答 1 投票 0

由于新的 ES 语法，简单的 webpack 构建失败了

我有以下文件： src/index.js 让 foo = null ?? “华夫饼” 以及以下 webpack 配置：从“路径”导入路径常量默认会议 = { 名称：'默认'，条目：'./src/

javascript webpack webpack-4

回答 2 投票 0

应该使用什么配置来使用 javascript-obfuscator 来混淆 Angular 18 项目？

应该使用什么配置来使用 javascript-obfuscator 混淆 Angular 18 项目？我正在使用 package.json { “名称”：“角度.dev”， “版本”：“0....

javascript angular webpack obfuscation

回答 1 投票 0

Cypress 组件测试未将 NX 工作区中的 customWebpackConfig 与我的 Angular 应用程序一起使用

我正在尝试使用 Angular 应用程序在 NX 工作区中设置 cypress 组件测试。到目前为止它确实有效，我现在唯一的问题是它不使用我的自定义 webpack

angular webpack cypress nrwl-nx

回答 1 投票 0

Bootstrap.js 编译失败：symfony/stimulus-bundle

上下文：在 symfony 7 中创建一个新的 web 应用程序导致我在尝试使用 webpack 构建资产时出现编译错误。错误错误编译失败，有 1 个错误 00:13:02 模块构建失败：Modu...

symfony webpack

回答 1 投票 0

环境变量不适用于 Docker 容器中的 Webpack Encore

我有一个带有 Webpack Encore 的 Symfony 项目。我的机器上安装了 MySQL、PHP、Mercure、Yarn/NodeJS 等，但我转而使用 dunglas/symfony-docker。虽然它以前工作过...

node.js symfony webpack

回答 1 投票 0

警告运行项目时next.config.js无效 - nextJs

当我想运行我的项目时，我收到以下三个警告： 1- warn - 检测到无效的 next.config.js 选项：根值有一个意外的属性 webpack5，它不在 allo 列表中...

javascript webpack next.js config

回答 2 投票 0

找不到模块：错误：无法解析“node_modules/stompjs/lib”中的“net”

遇到找不到 stompJS-lib 的问题，我收到以下错误消息：找不到模块：错误：无法解析“/../../../.../../../angular-app/node_modules/stompjs/...”中的“net”

angular npm webpack next.js

回答 12 投票 0

React开发模式下如何检测对象热重载

我想订阅或以某种方式检测React应用程序中导入的文件更改。仅开发模式需要此功能。例如，这段导入 SVG 的代码（我想象它是如何...

reactjs webpack react-hot-loader

回答 1 投票 0

使用Webpack后如何在Angular中设置Vite

更新到 Angular 18 并选择 Vite 作为构建工具后，某些包未解析，即： X [错误] 无法解析“@angular/common/http” ../../../../http-options.ts...

angular npm webpack vite node-modules

回答 1 投票 0

Webpack 未创建 CSS 文件，style-loader、css-loader、sass-loader 存在问题

首先要说的是，一切都正常，但不知怎的就坏了。我正在尝试获取独立的 css 文件并将它们包含在我的 index.html 文件中但CSS仍然加载我...

javascript reactjs webpack

回答 2 投票 0

您可能需要一个合适的加载器来处理这种文件类型js

我有 MVC 应用程序并尝试通过 Webpack 添加 Bootsrap5 并收到以下错误。我已经尝试了 stage-0、stage-2 和 stage-3 的许多解决方法，但没有任何效果......

javascript webpack bootstrap-5 babel-loader spread-syntax

回答 1 投票 0

错误：无法将类型实体 i29.DragAndDropModule 解析为符号

从 Angular 15 升级到 16 后，./src/main.ts 和 ./src/polyfills.ts 出现相同的错误：模块构建失败（来自 ./node_modules/@ngtools/webpack/src/ivy/ index.js): 错误: 不能

angular webpack upgrade ivy

回答 2 投票 0

离子电容器错误：- ERR_OSSL_EVP_UNSUPPORTED |数字信封例程

更新到节点 v18.20.4 后，我遇到了 ionic 构建错误的问题，它在节点 v16.20.2 上运行良好。我尝试了以下选项但没有运气 1) 设置 NODE_OPTIONS=--openssl-legacy-provider 注意：-

node.js angular ionic-framework webpack capacitor

回答 1 投票 0

如何让 Angular 让我在 TypeScript 中导入 CSS 文件？

TL；博士：我需要 Angular 编译器让我在 Typescript 中导入 CSS 文件，并将它们转换为头部的标签。背景：我正在将现有的 React 应用程序迁移到 Angular。每个...</desc> <question vote="0"> <h1>TL；博士：</h1> <p>我需要 Angular 编译器让我在 Typescript 中导入 CSS 文件，并将它们转换为头部的 <pre><code><style></code></pre> 标签。</p> <h1>背景：</h1> <p>我正在将现有的 React 应用程序迁移到 Angular。每个 React 组件最终都会被重写，但与此同时，我将它们托管在基于此方法的 Angular 组件中：<a href="https://medium.com/@joseph5/rendering-react-component-in-angular-apps-9154fa3198d1" rel="nofollow noreferrer">https://medium.com/@joseph5/rendering-react-component-in-angular-apps-9154fa3198d1 </a>.</p> <p>每个 React 组件都以编程方式在 .tsx 中导入自己的 CSS：</p> <pre><code>import "./MyComponent.css"; </code></pre> <p>当它们在原始 React 应用程序中运行时，这工作得很好，但 Angular 不喜欢它。 Angular 没有像 React 应用程序那样在头部渲染 <pre><code><style></code></pre> 标签，而是忽略导入，没有我看到的任何效果。</p> <p>显而易见的解决方案是将其导入到 Angular 主机组件的 .scss 中：</p> <pre><code>@import 'react/MyComponent/MyComponent'; </code></pre> <p>这里的问题是这些 React 组件有子组件、孙组件等，并且每个组件都导入自己的样式表。我必须深入研究所有这些内容，并确保每个内容都是由 Angular 组件导入的。递归地挖掘所有内容并且可能会错过一个是非常痛苦的。如果我能让 Angular 像 React 那样通过在头部添加样式标签来处理 .tsx 中现有的 <pre><code>import</code></pre> 语句，那将会非常有帮助。有什么办法可以做到这一点吗？</p> </question> <answer tick="false" vote="0"> <p>通常，您可以将 CSS 文件包含为组件装饰器定义的一部分：</p> <pre><code>@Component({ selector: 'my-page', templateUrl: './my-page.component.html', styleUrls: ['./my-page.component.css'], }) export class MyPageComponent implements OnDestroy, OnInit { </code></pre> <p>全局 CSS 可以添加为您的 <pre><code>angular.json</code></pre> 配置的一部分：</p> <pre><code>"architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { ... "styles": [ "src/custom-theme.scss", "src/styles.css" ], ... </code></pre> <p>我的 Angular 项目不使用 <em>standalone</em> 组件，所以我不知道这是否会改变任何东西。</p> </answer> </body></html>

css reactjs angular webpack angular.json

回答 0 投票 0

如何使用 webpack 在 js 文件中加载 CDN 或外部供应商 javascript lib，而不是在 html 文件中

我正在使用 React 入门套件进行客户端编程。它使用react和webpack。没有index.html或任何要编辑的html，所有js文件。我的问题是我是否想从云加载供应商 js 库，ho...

javascript node.js reactjs webpack

回答 6 投票 0

通过 webpack 使用浏览器导入

我正在使用 webpack 为 Shopify 主题编译一个插件，该主题利用基于浏览器的模块允许您使用 i...导入通用功能

node.js webpack import module webpack-4

回答 1 投票 0

node_modules 文件夹内的文件出现 [TS] 错误

我只是想使用 webpack5 和 webpack-cli 启动一个新的 typescript 项目。令我惊讶的是，我收到了这些错误：错误： hha@melchia ~/projects/project $ npm run build > 我的 webpack-proj...