一覧へ戻る
domingues/rollup-plugin-css-chunks(新しいタブで開きます)
主要言語: TypeScript
Rollup plugin to extract CSS into chunks
- star 数
- 14
- watcher 数
- 1
- fork 数
- 9
- issue 数
- 8
- 最終更新
- 2021/07/22
主要言語: TypeScript
Rollup plugin to extract CSS into chunks
Rollup plugin to extract imported CSS files as chunks, allowing code split of CSS stylesheets. Use rollup-plugin-extract-bundle-tree to extract dependencies between JS and CSS chunks.
npm install --save-dev rollup-plugin-css-chunks
sourceMappingURL;import css_chunk_url from './home.css'; const css_chunk_map_url = css_chunk_url + '.map'; console.log({css_chunk_url, css_chunk_map_url})
// rollup.config.js import css from 'rollup-plugin-css-chunks'; export default { input: 'src/main.js', output: { dir: 'public', format: 'esm' }, plugins: [ css({ // inject a CSS `@import` directive for each chunk depended on injectImports: false, // name pattern for emitted secondary chunks chunkFileNames: '[name]-[hash].css', // name pattern for emitted entry chunks entryFileNames: '[name].css', // public base path of the files publicPath: '', // generate sourcemap sourcemap: false, // emit css/map files emitFiles: true, }) ] }
MIT