![](/img/trans.png)
[英]Why is css-loader bloating my entry point bundle?
我正在清理一個舊的 React 項目,並嘗試通過實施代碼拆分和分塊來減少包大小。 我已經取得了相當大的進步,但我的應用程序的主要入口點仍然是 ~600kb。 似乎 95% 不是來自應用程序代碼本身,而是我在 webpack 構建過程中使用的css-loader庫。 這似乎不正確,但我無法弄清楚我 ...
[英]Why is css-loader bloating my entry point bundle?
我正在清理一個舊的 React 項目,並嘗試通過實施代碼拆分和分塊來減少包大小。 我已經取得了相當大的進步,但我的應用程序的主要入口點仍然是 ~600kb。 似乎 95% 不是來自應用程序代碼本身,而是我在 webpack 構建過程中使用的css-loader庫。 這似乎不正確,但我無法弄清楚我 ...
[英]Is there a way to export arbitrary named exports from a typescript declaration file?
當使用 css-loader@6.7.1 並啟用 css 模塊並啟用namedExports時,有沒有辦法將通配符導入 Typescript 中的文件並使每個命名導出的結果類型為字符串?// webpack.d.ts declare module '*.module.css' { export ...
[英]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),現在這些值沒有在最 ...
[英]How do I export every key of a map in Sass?
我有這張地圖 $colors: ( black: $black, blue1: $blue1, blue2: $blue2, blue3: $blue3, blue4: $blue4, blue5: $blue5, blue6: $blue6, coral1: $co ...
[英]webpack css-loader removing leading slash in url()
我在 scss 文件中設置了一個路徑,指向我需要從域的根目錄中引用的資源。 問題是 css-loader 在構建過程中刪除了前導斜杠,即使使用選項{ url: false }也是如此。 任何想法為什么會這樣做,以及如何避免? 謝謝。 編輯:應該提到我正在使用create-react-app和r ...
[英]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 ...
[英]why css-loader path exists '!'
在 webpack 捆綁文件中,我不明白','是什么意思。 似乎不是路徑分隔符? 有人可以告訴我嗎? 簡單的例子如:“./node_modules/css-loader/dist/cjs.js../src/index.css” 在此處輸入圖像描述 ...
[英]what is new URL() syntax in css?
在 css-loader changelog上,它說since v6 css-loader is generating new URL(...) syntax 。 我不太明白新的 URL 語法是什么。 新的 URL() 語法是什么?它與這個url()有何不同? ...
[英]Tailwindcss @apply is not working in storybook
我正在使用 Next css 模塊(sass)。 我嘗試了遇到的所有解決方案,但仍然無法正常工作。 我的問題是,當我運行故事書時,css 不會從 tailwind 編譯 @apply 方法。 有一個簡單的解決方案是刪除@apply 並將類名直接用於元素,但我沒有時間去做,因為此時應用程序太大了。 ...
[英]Laravel Mix URL Processing error with css-loader
在全新的 Laravel 9 安裝中,來自 Laravel Mix 的 URL 處理不再起作用。 npm 輸出如下: 字體文件只是眾多文件之一。 我的 app.ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 看起來像這樣: package.json ...
[英]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# ...
[英]Module parse failed: Unexpected token (1:0)
我正在使用一個名為ract-chat-widget的庫,它要求我在我的組件中導入 css,就像這樣import 'react-chat-widget/lib/styles.css 但是我的構建失敗並出現以下錯誤: 我也嘗試為此添加 css-loader,但錯誤仍然存在。 我也嘗試過以不同的格式提供 ...
[英]Error importing CSS modules with Storybook webpack 5
我將 Storybook 與 webpack 5 一起用於一個簡單的項目,盡管為 Storybook 自定義了 webpack 配置,但我在導入 CSS 模塊時遇到了挑戰。 我的 main.js 文件看起來像這樣 ...
[英]finos/perspective-viewer: css-loader throws CssSyntaxError on 'exports'
我的項目正在使用 webpack 和透視查看器。 css-loader 為“exports”拋出錯誤。 遵循文檔中定義的聲明順序。 尋求有關我的項目配置中缺少的內容的幫助。 錯誤片段 包-json webpack配置 ...
[英]Webpack to output css loader results into a VARIABLE
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 ...
[英]React.js CSS isn't applied to the DOM
我有一個組件App.js和一個樣式表App.css我想相應地加載。 這就是我所擁有的: 但是,在呈現頁面時,css class 不會應用於 DOM。 也沒有錯誤/問題。 我想念什么? ...
[英]Cannot find module in node (webpack)
由於某種原因,我無法加載任何模塊。 我什至重新安裝了我的操作系統,但我使用的任何模塊仍然出現相同的錯誤。 我已經重新安裝了節點,清除了緩存等。 請打開以下鏈接獲取代碼。 https://github.com/ziyak9803/Webpack/tree/main 但由於某種原因,它在舊的 lib/ ...
[英]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 ...
[英]The callback was already called - css-loader - Angular
將項目部署到谷歌雲時出現此錯誤。 它在我的本地端運行良好,但是當我嘗試部署項目時它會發生。 步驟#0 - “構建”:[0m[91mCompiling ngx-material-file-input:es2015 as esm2015 步驟 #0 - “構建”:[0m[91mCompilin ...
[英]Webpack css loader error when running npm start
當我在我的項目上運行 npm start 時,我收到一條錯誤消息: [webpack-cli] 無效的配置對象。 Webpack 已使用與 API 架構不匹配的配置對象進行初始化。 配置有一個未知的屬性“模塊”。 這些屬性是有效的:object { amd?、baail?、cac ...