webpack 相关问题

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

如何使用 Webpackserve 和 DevServer --open 选项打开 Firefox 开发者版？

如何使用 devServer.open 配置选项打开带有 webpack 服务的 Firefox 开发者版？我尝试在 Windows 上使用这些配置值：“Mozilla”、“mozilla”、“Firefox”、“firefox”、“Fi...

javascript webpack webpack-dev-server firefox-developer-edition webpack-serve

回答 4 投票 0

浏览器中未加载样式和CSS

我已经更新了 React 项目上的软件包版本，并且样式现在未加载。在代码中我使用这样的样式：从“../WrappersCommon.scss”导入样式； ... 我已经更新了 React 项目上的软件包版本，并且样式现在未加载。在代码中我使用这样的样式： import styles from "../WrappersCommon.scss"; ... <div className={styles["main-layout"]}> 在 webpack 配置中我有 test: /.(scss)$/, use: [ { loader: "css-loader", options: { modules: { localIdentName: "[path][name]__[local]--[hash:base64:5]", }, }, }, { loader: "postcss-loader", options: { postcssOptions: { plugins: [postcssPresetEnv()], }, }, }, "sass-loader", ], 终端中没有错误，我在应用程序中没有看到任何样式，它们甚至没有加载到浏览器中：请帮忙，样式有什么问题吗？你可以尝试使用这样的样式 <div className={styles.main_layout}> 而不是 <div className={styles["main-layout"]}> 请注意，我还将类名中的“-”替换为“_”。也在您的 scss 文件中更改它，然后再次检查。我希望它能解决问题，如果不能，我可以寻找其他解决方案。

reactjs webpack styles

回答 1 投票 0

ENOTEMPTY 目录不为空，rmdir: npm-react-popper-tooltip

我不是前端开发人员，但有时我必须运行一些任务，例如纱线安装和纱线构建开发。目前我只运行yarn install，如下所示，但我无法让它工作

node.js npm webpack yarnpkg

回答 2 投票 0

React 库中出现“TypeError: Cannot read property 'useState' of null”问题 - 创建 NPM 包

我想创建一个本地 npm 包，其中包含一些名为 myscript-package 的 React 组件。 ./package.json { "name": "pack-script", “版本”：“0.1.0”...

reactjs npm webpack npm-package

回答 1 投票 0

“修订版 <..> 尚未准备好，无法提供流量”

我正在努力将 Nodejs 应用程序部署到 Google Cloud Run 上，这是一个用 Express 编写的 REST API 服务器。此应用程序已部署到 Cloud Run，并且大约一年没有更新新版本...

node.js express google-cloud-platform webpack google-cloud-run

回答 1 投票 0

Symfony 7 资源加载了错误的上下文路径

我正在使用 Symfony 7.0 开发一个 Web 应用程序。我有一个给定的 UI 模板 (Velzon)。有一个 public/assets 文件夹以及顶部的 asset。不，我已经用 p 创建了一个简单的控制器...

symfony webpack twig symfony7

回答 1 投票 0

将值导入到 Webpack 中的 JSON 文件中

我正在使用 Webpack 构建一个应用程序，除其他外，还需要它发出用于 PWA 目的的 manifest.json 文件。我希望它是动态构建的，这样它就可以获取适合图标的资源 URL（...

json webpack webpack-5

回答 1 投票 0

自 webpack 5 以来的重大更改：devtool 选项更加严格

我正在使用 webpack 设置 React，这是我的 webpack 配置文件 const 路径 = require('路径'); const HtmlWebpackPlugin = require('html-webpack-plugin'); 模块. 导出 = { 条目：path.join(

reactjs webpack

回答 2 投票 0

Stryker Mutation 测试无法与 webpack 进行反应

当我将stryker集成到我的react与webpack配置应用程序中时，它的行为已经磨损。出现错误，例如未找到反应脚本模块，但该模块已安装并且反应应用程序...

javascript reactjs webpack stryker stryker-net

回答 1 投票 0

如何解决共享模块不可用于急切消费typescript React

我使用以下 webpack.config.js 创建了一个应用程序（app1）：新的 ModuleFederationPlugin({ 名称：“应用程序1”，文件名：“remoteEntry.js”， ...

reactjs typescript webpack webpack-module-federation

回答 2 投票 0

webpack：类型错误：validateOptions 不是函数

Webpack 抛出错误，我没有做任何特殊更改。我将 tailwindcss 与 Rails6 一起使用。通常 application.js 大约需要 5mo。我使用了一个干净且稳定的存储库来撤消我最后的更改。我做到了 -npm 在...

ruby-on-rails webpack tailwind-css webpacker babel-loader

回答 2 投票 0

Webpack 中应用的订单加载器是什么？

我正在尝试根据临时文件扩展名设置 .pug 文件的加载，因此它应该是默认扩展名。 { test: /\.vue.pug$/, /* ... */ } 部分与 Vue 框架相关...

webpack pug pug-loader

回答 1 投票 0

在reactjs SPA中使用多个条目

我有以下配置 webpack.config.js： var webpack = require("webpack"); var 路径 = require("路径"); var DIST_DIR = path.resolve(__dirname,"dist"); var SRC_DIR = path.resolve(__dirna...

reactjs webpack

回答 1 投票 0

如何使用 webpack 和 post css 抑制警告

如何抑制 webpack 加载 post css 文件时生成的警告？警告示例： ./~/css-loader!./~/postcss-loader!./src/components/Navigator/Navigator.css 中的警告 postcss-自定义-prope...

webpack webpack-dev-server postcss

回答 4 投票 0

Watchpack 错误（观察者）：错误：EMFILE：打开文件太多，观察“/”

在不对 webpack 配置进行任何更改的情况下，webpack 希望监视所有父目录，直到根目录。所以它会导致错误： EMFILE: Too much open files, watch '/' 有没有人...

node.js webpack

回答 3 投票 0

Webpack：如何从生产包中排除代码

如何在构建时从 webpack 包中排除特定的 TypeScript 代码行？例如，我在 app.ts （nodejs 应用程序）中有这行代码：常量