webpack 相关问题

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

我刚刚创建了一个 Typescript Docusaurus 网站。我知道 docusaurus 有用于 React 组件导入的 webpack 别名（@site 等），但 IntelliJ 无法识别这些导入：即类型上的 Ctrl+B...

typescript webpack docusaurus

回答 3 投票 0

升级到Webpack 5后，第三方模块CSS停止加载 - ReactJS

从 Webpack 4 升级到 Webpack 5 后，我遇到了一个问题，SunEditor CSS 无法在组件中正确加载。我尝试过使用 mini-css-extract-plugin 以及各种

css reactjs node.js webpack suneditor

回答 1 投票 0

HtmlWebpackPlugin：尝试在现有的index.html中添加脚本

在 webpack.config.ts 中使用 HtmlWebpackPlugin 作为 - 新的 HtmlWebpackPlugin({ 模板：'IndexFile/index.html', // 注入: 'body', 模板参数：{ ...

webpack html-webpack-plugin

回答 1 投票 0

npm run 生产停止在 43%

我正在开发这个使用 laravel mix 和 laravel 10 的代码库。 npm run dev、development、watch 甚至 hot 都运行良好，但 npm run production 停止在 43% 处。我已经尝试了所有解决方案...

node.js npm webpack laravel-mix

回答 1 投票 0

Webpack sass-loader 未生成正确的源映射

我有一个包含 sass-loader 的 webpack 配置。当我删除 sass-loader 时，我可以看到正确生成的源映射。但是当我添加 sass-loader 后源映射就被破坏了。入口： { ...

webpack sass css-loader webpack-style-loader sass-loader

回答 1 投票 0

HTML Bundler Webpack 插件 - 保留资产目录结构问题

我正在使用 HTML Bundler Webpack 插件并按照文档保留资产的目录结构：https://github.com/webdiscus/html-bundler-webpack-plugin?tab=readme-ov-file#how-到...

webpack bundler directory-structure webpack-plugin

回答 1 投票 0

无法在 Angular 构造函数或 OnInit 中放置断点

我有一个 Angular 应用程序，我正在尝试使用 Chrome 或 IE 中的 F12 工具设置断点。我有简单的测试用例：导出类 LoginComponent 实现 OnInit { 消息：字符串；

angular typescript webpack google-chrome-devtools

回答 1 投票 0

此浏览器不支持Webpack5自动publicPath

我正在使用 webpack 4.44.2，当我转换到 webpack5.0.0 时遇到这个错误 ./src/assets/sass/styles.scss 中出现错误模块构建失败（来自 ./node_modules/mini-css-extract-plugin/dist/loader...

javascript html css webpack sass

回答 0 投票 0

如何在 JS 包中缩小 HTML 文字 [已关闭]

我有一个小型节点应用程序，使用 webpack 和 babel 来渲染生产 JS——生成优化和缩小的 js 包。在源 JS 中，为了清晰和易于维护，我有 HTML 文字...

javascript node.js webpack

回答 3 投票 0

在 JS 包中缩小 HTML 文字的最佳方法[已关闭]

我有一个小型节点应用程序，使用 webpack 和 babel 来渲染生产 JS——生成优化和缩小的 js 包。在源 JS 中，为了清晰和易于维护，我有 HTML 文字...

javascript node.js webpack

回答 3 投票 0

在 javascript 中缩小 html 文字的最佳方法

我有一个小型节点应用程序，使用 webpack 和 babel 来渲染生产 JS。在源 JS 中，我有一些像这样的 HTML 文字 e.克： breadcrumbsElement.innerHTML = ` 我有一个小型节点应用程序，使用 webpack 和 babel 来渲染生产 JS。在源 JS 中，我有一些像这样的 HTML 文字 e.克： breadcrumbsElement.innerHTML = ` <ul class="breadcrumb mr-breadcrumb"> <li class="breadcrumb-item"> <a href="/">HostShop</a> </li> ${breadcrumbLabel ? ` <li class="breadcrumb-item"> <span>${breadcrumbLabel}</span> </li>` : ''} </ul> `; 但是，当我运行构建时，它呈现为： r.innerHTML = `\n\t\t<ul class="breadcrumb mr-breadcrumb">\n\t\t\t<li class="breadcrumb-item">\n\t\t\t\t<a href="/">HostShop</a>\n\t\t\t</li>\n\t\t\t${t ? `\n\t\t\t<li class="breadcrumb-item">\n\t\t\t\t<span>${t}</span>\n\t\t\t</li>` : ""}\n\t\t</ul>\n\t`; 无用的空格由于某种原因被编码和保留。我尝试了一些流行的工具，例如 terser、babel，但没有成功。减少这种情况的最佳方法是什么？如果您可以保证不会有跨多行的标签（即同一标签的 < 和 > 位于不同行），也没有必须在保持空白的情况下呈现的文本内容（通过 CSS），您可以通过将 .replace 调用链接到模板文字来取出任何换行符及其周围的空白，如下所示： breadcrumbsElement.innerHTML = ` <ul class="breadcrumb mr-breadcrumb"> <li class="breadcrumb-item"> <a href="/">HostShop</a> </li> ${breadcrumbLabel ? ` <li class="breadcrumb-item"> <span>${breadcrumbLabel}</span> </li>` : ''} </ul> `.replace(/\s*[\r\n]\s*/g, ""); 但是，这对于任何 HTML 都无法正常工作。如果它可以是任何东西，那么您可以使用 DOM 解析器解析它，修剪所有不呈现过多空白的文本节点（CSS 控制），然后再次从中获取 HTML。

javascript node.js webpack

回答 1 投票 0

找不到模块：错误：无法使用 Webpack 解析“fs”

嗨，我在我的应用程序中使用套接字 io。这需要fs。当我尝试使用下面的 webpack 配置捆绑我的 javascript 时。我收到错误无法解析“fs”。找不到模块：错误：不能

node.js webpack sass webpack-file-loader

回答 4 投票 0

Dotenv 与 create-react-app 反应脚本出现问题/错误

我在我的反应应用程序中不断收到此错误编译有问题：X ./node_modules/dotenv/lib/main.js 中的错误 1: 11 - 24 找不到模块：错误：无法解析“C:\Us...”中的“fs”

reactjs webpack create-react-app dotenv react-scripts

回答 2 投票 0

通过模块联合和 Redux 来反应微前端

我目前正在使用 React、webpack 和模块联合开发一个微前端应用程序。它由一个容器应用程序和两个“子”/遥控器组成。容器应用程序包括...

reactjs webpack redux webpack-module-federation

回答 1 投票 0

使用 Webpack 进行类星体树摇动

我正在使用 Vue 3 + TS + Webpack，来自标准 Vue + Webpack（无 Vue CLI）。我确实安装了 Quasar，如下所示：添加 quasar 和 @quasar/extra 作为依赖项 //main.ts app.use(类星体, {

javascript webpack quasar-framework quasar

回答 1 投票 0

Vuejs 组件扩展在 webpack 生产模式下无法工作

我制作了一个 componentChild 扩展了 componentParent。它在 https://vuejs.org/api/options-composition#extends 中描述 // 组件Parent.vue 组件父级我制作了一个 componentChild 扩展了 componentParent。它在https://vuejs.org/api/options-composition#extends中进行了描述 // componentParent.vue <template> <div>componentParent</div> </template> <script setup> defineOptions({ name: 'componentParent' }) defineProps({...}) defineEmits({...}) </script> // componentChild.vue <script> import componentParent from './componentParent.vue'; export default { name: 'componentChild', extends: componentParent, setup(props, ctx) { return { ...componentParent.setup(props, ctx) } } } </script> 在“webpack开发”模式下，ComponentChild被渲染但是，在“webpack生产”模式下，componentChild不会被渲染。在 html 中没有 dom。（如果将 componentParent 作为选项 api，一切都可以）如何在 webpack 生产模式下渲染 componentChild？我以前遇到过这个问题，我希望以下解决方案之一能够帮助您解决它： webpack 中某些特定于生产的优化可能会导致某些组件无法渲染。您可以检查和调整 optimization.minimize 和 tree shaking 等设置，以防止意外删除代码。不要在 componentParent 中使用 Composition API，而是尝试使用 Option API 来实现它，或者找到另一种方法将 props 和 emits 传递给 componentChild。有趣的是，我的问题是使用第二种方法解决的。 componentParent.vue <template> <div>componentParent</div> </template> <script> export default { name: 'componentParent', props: {...}, emits: {...} }; </script> 您不需要更改componentChild.vue，因为它仍然使用extends，并且会自动继承componentParent。

javascript vue.js webpack vuejs3 vue-component

回答 1 投票 0

CRA/webpack 制作错误：t[s] 不是函数

我仅在生产版本中的 React CRA 应用程序中遇到这个奇怪的错误： bootstrap:19 Uncaught TypeError: t[s] 不是函数在我（引导：19:22）在 Game.ts:142:3 在index.tsx...

webpack create-react-app

回答 1 投票 0

Webpack 未使用 babel 和 React Native Web 为 React.lazy 导入生成块

我正在开发一个 React 本机 Web 项目（带有自定义 Webpack 配置），并使用 React.lazy 和动态导入进行代码分割。然而，Webpack 不会为这些 impo 生成单独的块...

javascript typescript react-native webpack

回答 1 投票 0

无法在 Angular 单元测试中读取未定义的属性（读取“模块”）

这就是我们在 angular.json 中用于测试的内容。 “测试”： { “构建器”：“@angular-builders/custom-webpack：karma”， “选项”： { &

angular unit-testing webpack karma-webpack

回答 1 投票 0

错误：使用yarn启动React项目时读取ECONNRESET问题

当我对项目执行“yarn start”时，总是会发生此错误：节点：事件：491 扔呃； // 未处理的“错误”事件 ^ 错误：读取 ECONNRESET 在 TLSWrap.onStreamRead (节点:in...

reactjs node.js webpack yarnpkg

回答 1 投票 0

webpack 相关问题

最新问题