All Projects â†’ olegstepura â†’ typed-css-modules-loader

olegstepura / typed-css-modules-loader

Licence: MIT License
💠 Webpack loader for typed-css-modules auto-creation

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to typed-css-modules-loader

Style Loader
Style Loader
Stars: ✭ 1,572 (+2435.48%)
Mutual labels:  loader, webpack-loader
sizeof-loader
Webpack loader that works like url-loader (or file-loader) but with extracted information such as image dimensions and file-size.
Stars: ✭ 20 (-67.74%)
Mutual labels:  loader, webpack-loader
Vue Pretty Logger
The console is more cool to use, easier to debug, and more fun log output. Enjoy the vue-pretty-logger in the vue project.
Stars: ✭ 150 (+141.94%)
Mutual labels:  loader, webpack-loader
Svgr
Transform SVGs into React components 🊁
Stars: ✭ 8,263 (+13227.42%)
Mutual labels:  loader, webpack-loader
markup-inline-loader
a webpack loader to embed svg/MathML to html
Stars: ✭ 24 (-61.29%)
Mutual labels:  loader, webpack-loader
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (+69.35%)
Mutual labels:  loader, webpack-loader
Pug As Jsx Loader
Stars: ✭ 168 (+170.97%)
Mutual labels:  loader, webpack-loader
Inject Loader
💉📊 A Webpack loader for injecting code into modules via their dependencies.
Stars: ✭ 474 (+664.52%)
Mutual labels:  loader, webpack-loader
angular-translate-loader
"angular-translate" loader for webpack
Stars: ✭ 15 (-75.81%)
Mutual labels:  loader, webpack-loader
image-minimizer-webpack-plugin
Webpack loader and plugin to compress images using imagemin
Stars: ✭ 180 (+190.32%)
Mutual labels:  loader, webpack-loader
Thread Loader
Runs the following loaders in a worker pool
Stars: ✭ 945 (+1424.19%)
Mutual labels:  loader, webpack-loader
nunjucks-loader
Webpack loader for Nunjucks templates
Stars: ✭ 20 (-67.74%)
Mutual labels:  loader, webpack-loader
Stylefmt Loader
Webpack-loader. Fixes stylelint issues automatically while bundling with Webpack.
Stars: ✭ 24 (-61.29%)
Mutual labels:  loader, webpack-loader
Sass Vars Loader
Use Sass variables defined in Webpack config or in external Javascript or JSON files
Stars: ✭ 112 (+80.65%)
Mutual labels:  loader, webpack-loader
Wasm Loader
✹ WASM webpack loader
Stars: ✭ 604 (+874.19%)
Mutual labels:  loader, webpack-loader
Rust Native Wasm Loader
Stars: ✭ 156 (+151.61%)
Mutual labels:  loader, webpack-loader
Sass Loader
Compiles Sass to CSS
Stars: ✭ 3,718 (+5896.77%)
Mutual labels:  loader, webpack-loader
Css Loader
CSS Loader
Stars: ✭ 4,067 (+6459.68%)
Mutual labels:  loader, webpack-loader
jsx-compress-loader
⚛JSX optimisation loader to reduce size of React application
Stars: ✭ 40 (-35.48%)
Mutual labels:  loader, webpack-loader
webpack-modernizr-loader
Get your modernizr build bundled with webpack, use modernizr with webpack easily
Stars: ✭ 35 (-43.55%)
Mutual labels:  loader, webpack-loader

typed-css-modules-loader

Simplest webpack loader for https://github.com/Quramy/typed-css-modules

I suggest using it as preloader. Unless you change the options (see below), it will generate .css.d.ts files near the .css. Please take a look at this discussion to make a decision.

It has one option - noEmit, which turns off emitting files to the output path of webpack.

You can affect how typed-css-modules behaves by using query parameters. The loader will pass any query parameters you specify (excluding noEmit) to the constructor of the DtsCreator class. For more info on available options, please take a look here: DtsCreator constructor.

const settings = {
  // ...
  module: {
    loaders: [
      // ...
      {
        enforce: 'pre',
        test: /\.css$/,
        exclude: /node_modules/,
        loader: 'typed-css-modules-loader'
        // or in case you want to use parameters:
        // loader: 'typed-css-modules?outDir=/tmp'
        // or in case you want to use noEmit:
        // loader: 'typed-css-modules?noEmit'
      }
    ],
  }
  // ...
}
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].