webpack 相关问题

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

从package-lock.json创建package.json

我下载了一个主题,它有一个 package-lock.json 文件,但没有 package.json 文件。 有没有办法从 package-lock.json 文件生成 package.json 。 如何安装节点模块...

回答 5 投票 0

从头开始的 Vue SSR - 在客户端加载服务器 webpack 包时出现问题

我正在尝试构建文档生成器服务,由于灵活性等原因,我的文档模板是用 Vue 编写的。 上下文(请随意跳到问题部分) 客户写下他的

回答 1 投票 0

自定义Webpack插件:如何正确生成新资源

所以我有一个JS库,它在JS中捆绑了CSS(它使用rollup和postCSS插件将所有CSS内联在JS中)。所以如果我打开 JS 代码我可以找到这样的东西: var css_248z$$ = ".some-

回答 1 投票 0

在 webpack React 中使用图像是行不通的

我有一个使用webpack和react的项目。我使用 file-loader / url-loader 在 webpack/react 设置中使用图像。在我的反应项目中,我确实从 '/image/source/image.jpg' 导入 Img 但我...

回答 2 投票 0

使用 @angular-builders/custom-webpack 将项目迁移到 NX

我正在尝试将当前使用“@angular-builders/custom-webpack 构建目标”的 Angular 项目迁移到集成的 NX monorepo 并在执行 npx nx@latest init 期间 --

回答 1 投票 0

为什么“vendor-chunk”只能用于开发?

我在 Angular 文档中阅读了以下内容: --供应商块 生成仅包含供应商库的单独包。此选项只能用于开发。 但没有详细说明原因...

回答 1 投票 0

Nuxt3:进程和缓冲区未定义

我正在使用 Nuxt3 构建 Dapp,但在使用包时遇到一些错误: @coinbase/钱包-sdk 阿克斯普蒂奥 window.axeptioSettings = { 客户端 ID: '...', cookiesVersion: '...', } ;(功能...

回答 2 投票 0

如何使用npm和requires来主题jquery-ui?

是否可以通过 npm 为 jquery-ui 主题化? 或者我们仍然需要通过下载构建器? jquery-ui 包的默认主题包含在: ./node_modules/jquery-ui/themes/base/*.c...

回答 2 投票 0

如何在 vitest 测试中为 jQuery 设置全局窗口(jQuery 需要一个带有文档的窗口)?

可能不太重要:安装是通过 webpack Encore 完成的,它生成一个 webpack 配置文件,我们使用yarn作为包管理器,所以 vitest 是用yarn安装的。 jQuery 版本 3.6.4 维斯特维斯特...

回答 1 投票 0

错误:找不到模块“@tanstack/query-core”

我正在尝试使用“Rainbowkit”+“wagmi”+viem”实现 ConnectWalletButton 演示,当我尝试“yarn run dev”时,它用这个提升了我 未处理的运行时错误 ...

回答 1 投票 0

TinyMCE 使用 React 自托管

我正在尝试使用 React 创建一个简单的自托管 TinyMCE。目前我的项目只是显示一个简单的文本区域,没有工具栏或任何样式。我认为整合tinymce的一个好方法是我们...

回答 2 投票 0

如何在 Serverless ESBuild 中添加 Node Loader 来解决“.node”文件错误?

我目前正在开发一个无服务器项目,其中使用 ESBuild 来捆绑 AWS Lambda 函数的 JavaScript 代码。到目前为止一切都很顺利,但我遇到了一个情况

回答 1 投票 0

CKEditor Webpack 配置错误

我正在尝试为 CKEditor 5 创建 webpack 配置。我正在尝试创建自定义构建。 这是我的 webpack.mix.js const mix = require('laravel-mix'); require('laravel-mix-purgecss'); const { 样式...

回答 1 投票 0

Webpack 使用类型时“无效配置对象”:“资产/资源”

我是 webpack 的新手,并且按照本教程第一次尝试使用图像。我的最终目标是能够在 CSS 中引用图像,如下所示:background-image: url(...

回答 1 投票 0

如何在 Next.js 中获得正确的服务器端堆栈跟踪行号?

我们的团队正在运行相当简单的 Next.js 应用程序,当我们在代码中遇到问题时,我们会在控制台的堆栈跟踪中看到不正确的行号。 举一个简单的例子,从...开始

回答 1 投票 0

使用 webpack 将 HTML 导入 HTML

是否可以使用 webpack 将 HTML 模板导入到另一个 HTML 文件中? 如果是这样怎么办? 我正在尝试导入 HTML 文件来创建某种基本模板。 该设置使用 webpack 来...

回答 1 投票 0

在某些情况下遇到悬停无法与 postcss/tailwind 一起使用的问题

上下文:我正在使用与 webpack 捆绑在一起的 postcss 和 tailwind。我正在尝试使用通用按钮模块(_btn.css 中的样式)在我正在构建的整个网站中使用。当我按下按钮时...

回答 1 投票 0

@symfony/ux-react 未正确安装 [Symfony 7,React 18]

大家好! 我想将 React 包含在我的 Symfony 项目中。我使用文档中的 UX-React 来实现这一点。 但我有这个错误。当我检查这个时,我发现 Symfony Ux-React 不在我的文件 node_modu 上...

回答 1 投票 0

Jest 无法在 React 项目中编译绝对导入

我在项目中使用绝对导入,但是当我尝试导入模块时,Jest 无法编译它。我尝试将文件夹路径添加到 moduleNameMapper 对象,但这不起作用...

回答 1 投票 0

Nuxt 2 中使用 css 模块和 extractCSS 进行类复制

我将 nuxt 2 与 css 模块一起使用,当我将一个 css 模块与多个组件一起使用时,会导致多个 css 文件具有相同的类 你好.vue 我将 nuxt 2 与 css 模块一起使用,当我将一个 css 模块与多个组件一起使用时,会导致多个 css 文件具有相同的类 你好.vue <template> <div :class="$style.title">Hello, World</div> <div :class="$second.secondClass">Hello, World</div> </template> <script> export default {} </script> <style module src="./hello.css"></style> <style module="$second" src="./uncommon.css"></style> 再见.vue <template> <div :class="$style.title">Goodbye, World</div> <div :class="$second.secondClass">Goodbye, World</div> </template> <script> export default {} </script> <style module src="./goodbye.css"></style> <style module="$second" src="./uncommon.css"></style> 结果我有两个包含内容的文件 在两个文件中我有相同的类.YT3xv 我可以做点什么吗?在完美的情况下,我想在单独的文件中提取类似的类 您可以创建一个单独的 CSS 文件(例如,shared.css),在其中定义共享类。 我认为你的项目结构是这样的: - assets - css - shared.css - components - Hello.vue - Goodbye.vue - nuxt.config.js 在shared.css中,定义您的共享类: /* shared.css */ .sharedClass { /* styles */ } 在 nuxt.config.js 中,指定 extractCSS 选项以将 CSS 提取到单独的文件中: // nuxt.config.js export default { // other configurations build: { extractCSS: true } } 然后,在您的组件中,导入shared.css: <!-- Hello.vue --> <template> <div :class="$style.title">Hello, World</div> <div :class="$style.sharedClass">Hello, World</div> </template> <script> export default {} </script> <style module src="./hello.css"></style> <style src="~/assets/css/shared.css"></style> <!-- Goodbye.vue --> <template> <div :class="$style.title">Goodbye, World</div> <div :class="$style.sharedClass">Goodbye, World</div> </template> <script> export default {} </script> <style module src="./goodbye.css"></style> <style src="~/assets/css/shared.css"></style> 通过此设置,Nuxt.js 将在构建过程中自动将 shared.css 中定义的共享类提取到单独的 CSS 文件中。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.