css-modules

    0熱度

    2回答

    當我在我的文本編輯器中保存樣式表時,我正在重新加載我的窗口。目前,我必須手動重新加載頁面才能看到任何更改。下面是我的WebPack配置文件處理處理CSS代碼片段: module: { rules: [ { test: /\.js$/, exclude: path.resolve(__dirname, 'node_modules'), load

    11熱度

    1回答

    我現在對AngularJS 1.5組件使用css模塊。該堆棧是webpack + css-loader?modules=true + angular 1.5 components + pug。 目前我必須執行以下步驟在我的帕格模板中使用css模塊。 // my-component.js import template from 'my-component.pug'; import style

    0熱度

    1回答

    當我使用Webpack構建模塊時,出現一串錯誤。我找不到任何文件來說明這個錯誤的含義。 Webpack Error: Module build failed: Error: Environment [object Object] not supported 一個由模塊加載的庫的含有lib目錄與反應的組分,其中的每一個具有與其相關聯的樣式表。每個樣式表都有一個錯誤。這是完全錯誤之一: ERROR

    0熱度

    1回答

    我有兩個文件 tab.less 。 tab { display: inline-block; font-size: 14px; } 和tabs.less .tabs { border-bottom: 1px solid @grey; .tab { margin-right: 24px; } } 的問題是如何從其它文件,因爲

    2熱度

    1回答

    我相信我試圖實現已經做了很多次,但我無法管理它。 我只希望能夠測試一個元素是否在某個元素上有某個類。 飛濺 import React from 'react'; import { NavLink } from 'react-router-dom' import Logo from '../shared/logo/index'; import * as styles from './style

    0熱度

    1回答

    我用CSS modules開始,但是我找不到究竟是如何工作的這個任何的例子: :local(.class){ /* some property */ } 所有的類都是默認的地方,那麼,是什麼:local或:global是什麼意思?

    0熱度

    1回答

    我有一個使用CSS模塊的組件,通過babel-plugin-react-css-modules插件。 在組件生命週期中的某些點上,我希望能夠通過直接訪問DOM來計算它的新維度。 在我的SCSS樣式表中,我有一個名爲.full-width的類,我想將其應用於組件的DOM元素,以便進行計算,然後再次將其刪除。 現在,因爲添加類並稍後刪除它不會影響組件或其狀態,所以我想通過直接訪問DOM來添加和刪除類,

    1熱度

    1回答

    我想建立的東西,可能消耗.css返回文件,將採取類名稱的數組,並返回一個適用於與類名的元素的樣式的功能,作爲一個JavaScript目的。 (這樣的工具將是適合與魅力,費拉,或其它CSS-在-JS技術的使用。) 例如,如果你有這樣的CSS文件: .btn { border: 1px solid gray; } .btn.primary { background: blue

    0熱度

    1回答

    我使用的CSS模塊+ SCSS用的WebPack配置這樣的CSS模塊僅在解構進口隨機類名(只添加了裝載機的部分,其餘是非常標準的): module.exports = { module: { loaders: [ { test: /\.(scss|css)$/, loader: ExtractTextPlugin.extract({

    2熱度

    1回答

    我正在建立一個節點通過反應和CSS模塊(每個組件內的一個CSS文件直接導入到零件)。反應輸出將與renderToStaticMarkup()一起序列化,該請求將在JSON響應中發送回請求者。我也打算在這個迴應中發送編譯好的CSS。 我有一個通過webpack工作的構建過程,它將我的服務器應用程序捆綁到一個文件。我目前也正在將我的CSS(模塊)捆綁到一個文件中(以後要閱讀這個文件)。 我使用與其手錶