我正在清理一个旧的 React 项目,并尝试通过实施代码拆分和分块来减少包大小。 我已经取得了相当大的进步,但我的应用程序的主要入口点仍然是 ~600kb。 似乎 95% 不是来自应用程序代码本身,而是我在 webpack 构建过程中使用的css-loader库。 这似乎不正确,但我无法弄清楚我 ...
我正在清理一个旧的 React 项目,并尝试通过实施代码拆分和分块来减少包大小。 我已经取得了相当大的进步,但我的应用程序的主要入口点仍然是 ~600kb。 似乎 95% 不是来自应用程序代码本身,而是我在 webpack 构建过程中使用的css-loader库。 这似乎不正确,但我无法弄清楚我 ...
当使用 css-loader@6.7.1 并启用 css 模块并启用namedExports时,有没有办法将通配符导入 Typescript 中的文件并使每个命名导出的结果类型为字符串?// webpack.d.ts declare module '*.module.css' { export ...
我们有一个带有 Webpack 5 的 React 应用程序。有一些.scss文件使用 CSS 模块中的@value指令从安装在node_modules中的组件库中导入值。 在css-loader版本 3 之前一切正常,但是我们将css-loader升级到了最新版本(6.7.1),现在这些值没有在最 ...
我有这张地图 $colors: ( black: $black, blue1: $blue1, blue2: $blue2, blue3: $blue3, blue4: $blue4, blue5: $blue5, blue6: $blue6, coral1: $co ...
我在 scss 文件中设置了一个路径,指向我需要从域的根目录中引用的资源。 问题是 css-loader 在构建过程中删除了前导斜杠,即使使用选项{ url: false }也是如此。 任何想法为什么会这样做,以及如何避免? 谢谢。 编辑:应该提到我正在使用create-react-app和r ...
尝试获取导入 css 的第三方库以与我的应用程序一起使用。 我正在使用 webpack v5 和 css-loader v5。 由于从 webpack v4 升级到 v5,第三方库 styles 不再工作,因为 css-loader 不允许命名导出,因此 将产生类似于 styles.default ...
在 webpack 捆绑文件中,我不明白','是什么意思。 似乎不是路径分隔符? 有人可以告诉我吗? 简单的例子如:“./node_modules/css-loader/dist/cjs.js../src/index.css” 在此处输入图像描述 ...
在 css-loader changelog上,它说since v6 css-loader is generating new URL(...) syntax 。 我不太明白新的 URL 语法是什么。 新的 URL() 语法是什么?它与这个url()有何不同? ...
我正在使用 Next css 模块(sass)。 我尝试了遇到的所有解决方案,但仍然无法正常工作。 我的问题是,当我运行故事书时,css 不会从 tailwind 编译 @apply 方法。 有一个简单的解决方案是删除@apply 并将类名直接用于元素,但我没有时间去做,因为此时应用程序太大了。 ...
在全新的 Laravel 9 安装中,来自 Laravel Mix 的 URL 处理不再起作用。 npm 输出如下: 字体文件只是众多文件之一。 我的 app.ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 看起来像这样: package.json ...
我正在使用 React 和 Django 构建健身房网站。当我尝试在我的主页组件中导入外部 css 文件时出现此错误。模块解析失败:意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。 参见https://webpack.js.org/concepts# ...
我正在使用一个名为ract-chat-widget的库,它要求我在我的组件中导入 css,就像这样import 'react-chat-widget/lib/styles.css 但是我的构建失败并出现以下错误: 我也尝试为此添加 css-loader,但错误仍然存在。 我也尝试过以不同的格式提供 ...
我将 Storybook 与 webpack 5 一起用于一个简单的项目,尽管为 Storybook 自定义了 webpack 配置,但我在导入 CSS 模块时遇到了挑战。 我的 main.js 文件看起来像这样 ...
我的项目正在使用 webpack 和透视查看器。 css-loader 为“exports”抛出错误。 遵循文档中定义的声明顺序。 寻求有关我的项目配置中缺少的内容的帮助。 错误片段 包-json webpack配置 ...
I have a webpack project that contains multiple js & css files, I have css loader already set up and mini extract css plugin that outputs the css ...
我有一个组件App.js和一个样式表App.css我想相应地加载。 这就是我所拥有的: 但是,在呈现页面时,css class 不会应用于 DOM。 也没有错误/问题。 我想念什么? ...
由于某种原因,我无法加载任何模块。 我什至重新安装了我的操作系统,但我使用的任何模块仍然出现相同的错误。 我已经重新安装了节点,清除了缓存等。 请打开以下链接获取代码。 https://github.com/ziyak9803/Webpack/tree/main 但由于某种原因,它在旧的 lib/ ...
我在我的项目中使用react-html5-camera-photo节点模块从相机拍摄照片。 该库需要使用Camera组件的组件导入css文件 ( react-html5-camera-photo/build/css/index.css ) 以设置捕获按钮的样式。 即使在将import 'react ...
将项目部署到谷歌云时出现此错误。 它在我的本地端运行良好,但是当我尝试部署项目时它会发生。 步骤#0 - “构建”:[0m[91mCompiling ngx-material-file-input:es2015 as esm2015 步骤 #0 - “构建”:[0m[91mCompilin ...
当我在我的项目上运行 npm start 时,我收到一条错误消息: [webpack-cli] 无效的配置对象。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化。 配置有一个未知的属性“模块”。 这些属性是有效的:object { amd?、baail?、cac ...