Webpack是JavaScript模块捆绑器。 Webpack采用具有依赖关系的模块并生成表示这些模块的静态资产。 Webpack的主要功能源于可扩展性,使开发人员能够在Web体系结构和Web性能中使用最佳实践。
我有这个 sass 目录: - _vars.scss - 主.scss //变量.scss $基础容器:1400px; //main.scss @import './vars'; 在其他js文件中我有: require('./some-module-sass-file'); //一些-m...
使用 mini-css-extract-plugin 和 postcss-loader 时模块构建失败
webpack 5.37.1 迷你 CSS 提取插件 1.6.0 postcss-loader 5.3.0 减4.1.1 预期行为 建立成功。 实际行为 将 mini-css-extract-plugin 与 postcss-lo 一起使用时模块构建失败...
我需要将 ExtJS WebComponents 与 Nuxt.js 集成。根据 Sencha 文档关于将 ExtJS 与 Vue.js 集成,我需要这样编辑 src/main.js 文件: /*全局扩展*/ 从“vue”导入 Vue 我...
带有 React 集成的 ASP.NET Core MVC 在生产服务器 [Azure] 上找不到我的bundle.js
我的代码在本地主机上运行良好,但是当我部署到生产环境时,它无法找到bundle.js: 在此输入图像描述 它在开发模式下完美工作: 输入图像描述 h...
我在应用程序中使用 CSS 模块和 SCSS 作为样式,但是当我将样式导入为: 从“./landing.module.scss”导入样式 导入的样式未定义。 我在用: “css-loader&qu...
我正在使用 module.scss 和 css 和 scss 作为我的应用程序中的样式, 但是当我从“./landing.module.scss”导入样式时 样式未定义, 我在用 : "css-loader": "^7.1.2", ...
我有一个使用 cloudflare 页面部署的 React、TypeScript 和 Webpack 应用程序。在最后一次修改中,我尝试在页面上添加新图像,但部署无法找到该特定...
我有一个 dotnet Blazor 解决方案,需要 WYSIWYG 编辑器。我正在使用 QuillJS,但我正在努力将“颜色”添加到 QuillJS 工具栏。 我按照示例进行配置...
在VSCode环境的webpack项目中,为了学习ES Module和CommonJS,我首先使用命令“yarn add @bebel/node @babel/core @babel/preset-env --dev”导入一些
将 csp-html-webpack-plugin 添加到 vue-cli 项目
我有一个使用 vue-cli 4.5.9 的 Vue2 项目。我正在尝试将 csp-html-webpack-plugin 添加到 vue.config.js,以便它可以自动生成 JS 文件的哈希值并将它们插入到 index.html 文件中。 我看...
背景: 我有一个项目,其中所有 UI 组件都位于 /components 目录中。 现在,我将每个组件导出到其自己的文件中: 导出函数 Component1() { ... } 并导入它们
使用 webpack 而不是 Metro 构建 React Native 应用程序
我的 React Native 应用程序是 monorepo 的一部分。所有“可构建内容”(api、后端、网站)都是用 TypeScript 编写并使用 Webpack 构建的。 他们都使用 inverseify。因此,配置...
如何在 NextJS 应用程序中使用捆绑在 NPM 包中的 Web Worker
Github Repo 重现问题:https://github.com/kyledecot/next-worker-bug 我有一个 NextJS 应用程序和一个 NPM 包。 NPM 包使用 webpack/ts-loader 进行捆绑,并包含一个 web Wo...
为什么 tesseract 不能在浏览器中使用 React 工作?
我是 React 新手,也是 Node.js 的初学者。我正在尝试创建一个使用 tesseract 包的应用程序,但遇到了一个奇怪的错误:tesseract_js__WEBPACK_IMPORTED_MODULE_3___default....
NextJS 14 / React 18 升级后错误:TypeError:无法访问属性“useState”,调度程序为 null
我正在使用一个 NextJS 应用程序,我最近从 NextJS 12 升级到 14,并将 React 从 16 升级到 18...以及一堆其他库。这是一次长途跋涉,所有的东西都升级了。 我是哥...
__webpack_require__ 未定义。这里地图包不起作用
当我尝试使用@here/maps-api-for-javascript 时,网络工作人员内部遇到了问题。 我认为发生这种情况是因为 webpack 更改了 Web Worker 内部运行的代码。
如何使用 WebPack 5 调用 React Micro Frontend 中的 Vue 组件
我已经开始学习微前端了。首先,我使用 npx create-mf-app 创建了一个 React mf 项目 Micro-Shell-App。其次,我再次创建了名为SectionPart的vue mf项目,使用...
即使没有进行任何更改,Babel 的 AST 遍历如何影响源映射?
我有一个自定义的 Webpack 加载器,我使用 Babel 遍历代码的 AST 来更改模块的导入名称。然而,这似乎影响了模块的源映射,
如何在 Web 服务器上部署 Kotlin 多平台 WebAssembly 项目?
使用 JetBrains 官方的 Kotlin Multiplatform Wizard 构建项目并仅选择 Web 选项后,我尝试将其部署到服务器上,但只遇到了白屏。 我做了什么
我正在开发一个使用 Module Federation 的项目,其中包含一个 shell 应用程序和三个微前端(a、b、c)。我需要配置设置以便: shell 应用程序使用 ui-library@1.0.0。 每个