{"library":"rollup-plugin-postcss-inject-to-css","title":"rollup-plugin-postcss-inject-to-css","description":"A Rollup plugin that transforms .scss.js files generated by rollup-plugin-postcss in inject mode into .css files, enabling proper CSS file imports for on-demand component loading. Currently at v1.0.2, it was last updated in 2021 and appears to be in maintenance mode with no recent commits. It solely depends on rollup-plugin-postcss and is designed for scenarios where `preserveModules` and `babel-plugin-import` are used for component-level code splitting, solving the issue of conflicting style weights between inline <style> tags and <link> imports. Not actively maintained; limited documentation and niche use case.","language":"javascript","status":"maintenance","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-postcss-inject-to-css"],"cli":null},"imports":["import rollupPluginPostcssInjectToCss from 'rollup-plugin-postcss-inject-to-css'","import rollupPluginPostcssInjectToCss from 'rollup-plugin-postcss-inject-to-css'","import rollupPluginPostcssInjectToCss from 'rollup-plugin-postcss-inject-to-css';\nexport default { plugins: [rollupPluginPostcssInjectToCss()] }"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport postcss from 'rollup-plugin-postcss';\nimport injectToCss from 'rollup-plugin-postcss-inject-to-css';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    dir: 'dist',\n    format: 'esm',\n    preserveModules: true,\n  },\n  plugins: [\n    postcss({\n      modules: false,\n      extract: false,\n      inject: true,\n    }),\n    injectToCss(),\n  ],\n};","lang":"javascript","description":"Configures Rollup to use rollup-plugin-postcss in inject mode and then transforms the generated .scss.js files into .css files for on-demand loading.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}