All Projects → jbsouvestre → Inline Style Loader

jbsouvestre / Inline Style Loader

Licence: mit
inline style loader for webpack

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Inline Style Loader

Css Modules Typescript Loader
Webpack loader to create TypeScript declarations for CSS Modules
Stars: ✭ 172 (+975%)
Mutual labels:  webpack, webpack-loader
One Loader
Single-file components for React
Stars: ✭ 233 (+1356.25%)
Mutual labels:  webpack, webpack-loader
Polymer Webpack Loader
WebPack Loader for Polymer Web Components
Stars: ✭ 192 (+1100%)
Mutual labels:  webpack, webpack-loader
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+12706.25%)
Mutual labels:  webpack, webpack-loader
Sass Loader
Compiles Sass to CSS
Stars: ✭ 3,718 (+23137.5%)
Mutual labels:  webpack, webpack-loader
Pug As Jsx Loader
Stars: ✭ 168 (+950%)
Mutual labels:  webpack, webpack-loader
String Replace Loader
Replace loader for Webpack
Stars: ✭ 205 (+1181.25%)
Mutual labels:  webpack, webpack-loader
Style Loader
Style Loader
Stars: ✭ 1,572 (+9725%)
Mutual labels:  webpack, webpack-loader
Markdown Loader
markdown loader for webpack
Stars: ✭ 335 (+1993.75%)
Mutual labels:  webpack, webpack-loader
Extract Loader
webpack loader to extract HTML and CSS from the bundle
Stars: ✭ 297 (+1756.25%)
Mutual labels:  webpack, webpack-loader
File Loader
File Loader
Stars: ✭ 1,846 (+11437.5%)
Mutual labels:  webpack, webpack-loader
Comlink Loader
Webpack loader to offload modules to Worker threads seamlessly using Comlink.
Stars: ✭ 535 (+3243.75%)
Mutual labels:  webpack, webpack-loader
Bs Loader
📻 Bucklescript loader for Webpack and Jest
Stars: ✭ 146 (+812.5%)
Mutual labels:  webpack, webpack-loader
Workerize Loader
🏗️ Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+13243.75%)
Mutual labels:  webpack, webpack-loader
Svg Sprite Loader
Webpack loader for creating SVG sprites.
Stars: ✭ 1,822 (+11287.5%)
Mutual labels:  webpack, webpack-loader
Angular Router Loader
A Webpack loader that enables string-based module loading with the Angular Router
Stars: ✭ 194 (+1112.5%)
Mutual labels:  webpack, webpack-loader
Webpack Tools
☕️Just a simple webpack sample project.
Stars: ✭ 106 (+562.5%)
Mutual labels:  webpack, webpack-loader
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (+600%)
Mutual labels:  webpack, webpack-loader
Vue Template Loader
Vue.js 2.0 template loader for webpack
Stars: ✭ 253 (+1481.25%)
Mutual labels:  webpack, webpack-loader
Css Loader
CSS Loader
Stars: ✭ 4,067 (+25318.75%)
Mutual labels:  webpack, webpack-loader

inline-style-loader

A webpack loader that imports a css file and converts it to be used as an inline style

Build Status Dependencies

Usage

.selector {
    color: red;
    background-color: blue;
}
element = document.createElement('div');
element.setAttribute('style', 
    require('raw!inline-style!./some-inline-style.css')['.selector']
);
<div style="color: red; background-color: blue;"></div>

Check the demo for a more complete example

Limitations

Because the css is inlined, pseudo classes (:hover, :active, ...) can't be supported.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].