cost 207 ms
為什么 css-loader 會膨脹我的入口點包?

[英]Why is css-loader bloating my entry point bundle?

我正在清理一個舊的 React 項目,並嘗試通過實施代碼拆分和分塊來減少包大小。 我已經取得了相當大的進步,但我的應用程序的主要入口點仍然是 ~600kb。 似乎 95% 不是來自應用程序代碼本身,而是我在 webpack 構建過程中使用的css-loader庫。 這似乎不正確,但我無法弄清楚我 ...

Webpack 5 和 css-loader 沒有從 CSS 模塊編譯 @value 指令

[英]Webpack 5 and css-loader aren't compiling @value directive from CSS Modules

我們有一個帶有 Webpack 5 的 React 應用程序。有一些.scss文件使用 CSS 模塊中的@value指令從安裝在node_modules中的組件庫中導入值。 在css-loader版本 3 之前一切正常,但是我們將css-loader升級到了最新版本(6.7.1),現在這些值沒有在最 ...

webpack css-loader 刪除 url() 中的前導斜杠

[英]webpack css-loader removing leading slash in url()

我在 scss 文件中設置了一個路徑,指向我需要從域的根目錄中引用的資源。 問題是 css-loader 在構建過程中刪除了前導斜杠,即使使用選項{ url: false }也是如此。 任何想法為什么會這樣做,以及如何避免? 謝謝。 編輯:應該提到我正在使用create-react-app和r ...

導入 css 不適用於 class 帶破折號的名稱 Webpack 5 和 css 裝載機 5

[英]import css does not work for class name with dashes for Webpack 5 and css loader 5

嘗試獲取導入 css 的第三方庫以與我的應用程序一起使用。 我正在使用 webpack v5 和 css-loader v5。 由於從 webpack v4 升級到 v5,第三方庫 styles 不再工作,因為 css-loader 不允許命名導出,因此 將產生類似於 styles.default ...

為什么 css-loader 路徑存在 '!'

[英]why css-loader path exists '!'

在 webpack 捆綁文件中,我不明白','是什么意思。 似乎不是路徑分隔符? 有人可以告訴我嗎? 簡單的例子如:“./node_modules/css-loader/dist/cjs.js../src/index.css” 在此處輸入圖像描述 ...

css 中的新 URL() 語法是什么?

[英]what is new URL() syntax in css?

在 css-loader changelog上,它說since v6 css-loader is generating new URL(...) syntax 。 我不太明白新的 URL 語法是什么。 新的 URL() 語法是什么?它與這個url()有何不同? ...

Tailwindcss @apply 在故事書中不起作用

[英]Tailwindcss @apply is not working in storybook

我正在使用 Next css 模塊(sass)。 我嘗試了遇到的所有解決方案,但仍然無法正常工作。 我的問題是,當我運行故事書時,css 不會從 tailwind 編譯 @apply 方法。 有一個簡單的解決方案是刪除@apply 並將類名直接用於元素,但我沒有時間去做,因為此時應用程序太大了。 ...

Laravel 混合 URL 使用 css-loader 處理錯誤

[英]Laravel Mix URL Processing error with css-loader

在全新的 Laravel 9 安裝中,來自 Laravel Mix 的 URL 處理不再起作用。 npm 輸出如下: 字體文件只是眾多文件之一。 我的 app.ZC7A62​​8CBA22E28EB17B5F5C6AE2A266AZ 看起來像這樣: package.json ...

獲取模塊解析失敗:當我嘗試為 React 中的特定組件導入 css 文件時出現意外令牌 (1:0) 錯誤

[英]Getting Module parse failed: Unexpected token (1:0) error when I try to import css file for a specific component in react

我正在使用 React 和 Django 構建健身房網站。當我嘗試在我的主頁組件中導入外部 css 文件時出現此錯誤。模塊解析失敗:意外令牌 (1:0) 您可能需要適當的加載程序來處理此文件類型,目前沒有配置加載程序來處理此文件。 參見https://webpack.js.org/concepts# ...

模塊解析失敗:意外標記 (1:0)

[英]Module parse failed: Unexpected token (1:0)

我正在使用一個名為ract-chat-widget的庫,它要求我在我的組件中導入 css,就像這樣import 'react-chat-widget/lib/styles.css 但是我的構建失敗並出現以下錯誤: 我也嘗試為此添加 css-loader,但錯誤仍然存在。 我也嘗試過以不同的格式提供 ...

React.js CSS 未應用於 DOM

[英]React.js CSS isn't applied to the DOM

我有一個組件App.js和一個樣式表App.css我想相應地加載。 這就是我所擁有的: 但是,在呈現頁面時,css class 不會應用於 DOM。 也沒有錯誤/問題。 我想念什么? ...

在節點(webpack)中找不到模塊

[英]Cannot find module in node (webpack)

由於某種原因,我無法加載任何模塊。 我什至重新安裝了我的操作系統,但我使用的任何模塊仍然出現相同的錯誤。 我已經重新安裝了節點,清除了緩存等。 請打開以下鏈接獲取代碼。 https://github.com/ziyak9803/Webpack/tree/main 但由於某種原因,它在舊的 lib/ ...

React Js,Web Pack - 無法將 css 文件從 node_module 導入到 React 組件中

[英]React Js, Web Pack - not able to import css file from node_module into a react component

我在我的項目中使用react-html5-camera-photo節點模塊從相機拍攝照片。 該庫需要使用Camera組件的組件導入css文件 ( react-html5-camera-photo/build/css/index.css ) 以設置捕獲按鈕的樣式。 即使在將import 'react ...

回調已被調用 - css-loader - Angular

[英]The callback was already called - css-loader - Angular

將項目部署到谷歌雲時出現此錯誤。 它在我的本地端運行良好,但是當我嘗試部署項目時它會發生。 步驟#0 - “構建”:[0m[91mCompiling ngx-material-file-input:es2015 as esm2015 步驟 #0 - “構建”:[0m[91mCompilin ...

運行 npm start 時出現 Webpack css 加載器錯誤

[英]Webpack css loader error when running npm start

當我在我的項目上運行 npm start 時,我收到一條錯誤消息: [webpack-cli] 無效的配置對象。 Webpack 已使用與 API 架構不匹配的配置對象進行初始化。 配置有一個未知的屬性“模塊”。 這些屬性是有效的:object { amd?、baail?、cac ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM