CSS style loader for Webpack that works similarly to style-loader, but is optimized for critical path CSS rendering and also works great in the context of isomorphic apps. It provides two helper methods on to the styles object - ._insertCss() (injects CSS into the DOM) and ._getCss() (returns a CSS string).Note: Configuration is the same for both client-side and server-side bundles. For more information visit https://webpack.js.org/configuration/module/.
webpack webpack-loader loader css scss style styles style-loader react reactjs isomorphic universal critical-css critical-path-cssGuides, documentation, and all things webpack.We haven't created issues for the other sections yet, but they will be coming soon. For dev-related work please see General - Current Longterm Plan, which will soon be replaced by a more dev-specific issue.
webpack webpack2 webpack-plugin webpack-loader webpack-tutorial documentation docs web web-performance performance bundle bundler bundling nodejs css build toolYou can read more about common PostCSS Config here.You can use different postcss.config.js files in different directories. Config lookup starts from path.dirname(file) and walks the file tree upwards until a config file is found.
css postcss postcss-runner webpack webpack-loaderA webpack loader that moves a module and its dependencies into a Web Worker, automatically reflecting exported functions as asynchronous proxies.
webpack-loader webpack-plugin webpack worker web-worker loader thread workerizeWebpack loader for creating SVG sprites. 🎉 2.0 is out, please read the migration guide & overview.
svg svg-sprite svg-stack webpack webpack2 webpack3 webpack-loader webpack-plugin spriteThis is the typescript loader for webpack. We have a number of example setups to accomodate different workflows. From "vanilla" ts-loader, to using ts-loader in combination with babel for transpilation, happypack or thread-loader for faster builds and fork-ts-checker-webpack-plugin for performing type checking in a separate process. Not forgetting Hot Module Replacement. Our examples can be found here.
typescript webpack-loader ts-loader typescript-loader webpack loader tsExports HTML as string. HTML is minimized when the compiler demands. By default every local <img src="image.png"> is required (require('./image.png')). You may need to specify loaders for images in your configuration (recommended file-loader or url-loader).
webpack-loader htmlLoads a Sass/SCSS file and compiles it to CSS. Use the css-loader or the raw-loader to turn it into a JS module and the mini-css-extract-plugin to extract it into a separate file. Looking for the webpack 1 loader? Check out the archive/webpack-1 branch.
webpack-loader sass libsass webpack loaderWhen using local scoped CSS the module exports the generated identifiers (locals). It's also possible to add a URL <link href="path/to/file.css" rel="stylesheet"> instead of inlining the CSS {String} with <style></style> tag.
webpack-loader stylesheetsA loader for webpack which transforms files into base64 URIs. This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.
webpack-loader webpackThe css-loader interprets @import and url() like import/require() and will resolve them. Good loaders for requiring your assets are the file-loader and the url-loader which you should specify in your config (see below).
webpack-loader cssThis module requires a minimum of Node v6.9.0 and works with Webpack v3 and Webpack v4. And run webpack via your preferred method. This will emit file.png as a file in the output directory (with the specified naming convention, if options are specified to do so) and returns the public URI of the file.
webpack-loader webpackIf your team might need my help, please email me for a free half-hour project consultation, on anything from React on Rails to any aspect of web or mobile application development for both consumer and enterprise products. Intersted in optimizing your webpack setup for React on Rails including code splitting with react-router v4, webpack v4, and react-loadable? Contact me.
bootstrap-loader bootstrap-variables shakacode bootstrap-mixins bootstrap-styles webpack2 webpack-loader twitter-bootstrap webpack sass-loader bootstrap twitterPlease note that ATL works the same way as a TypeScript compiler as much as possible. So please be careful with your files/exclude/include sections. ADVICE: Turn on useCache option.
typescript loader webpack webpack-loaderGold Sponsors are those who have pledged $200/month and more to SVGR.
svg2react svg-to-react svg svgo react react-svg react-svg-creator svg-react webpack-loader webpack inline-svg react-svg-loader loader react-nativeWebpack loader for creating SVG sprites. 🎉 2.0 is out, please read the migration guide & overview.
svg webpack webpack-plugin webpack-loader webpack2 sprite svg-sprite svg-stack webpack3Define React presentational components with CSS (or even SASS or Less if you like). The implementation is based on CSS modules. In fact React CSS Components is just a thin API on top of CSS modules.
css-in-js react webpack css-modules react-dom css postcss postcss-plugin webpack-loaderA Less loader for webpack. Compiles Less to CSS. This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.
webpack-loader less webpackA loader for webpack that allows importing files as a String. This module requires a minimum of Node v6.9.0 and Webpack v4.0.0.
webpack-loader raw filesThis module requires a minimum of Node v6.9.0 and Webpack v4.0.0. And run webpack via your preferred method.
webpack-loader webpack
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.