@kdcloudjs/auto-inject-css-webpack-plugin
v1.0.0
Published
Webpack plugin to inject CSS into head at runtime without extra HTML file
Readme
auto-inject-css-webpack-plugin
Inject CSS into <head> at runtime without generating extra HTML files.
Install
npm i -D auto-inject-css-webpack-plugin
## Usage
```js
// webpack.config.js
const AutoInjectCssWebpackPlugin = require('auto-inject-css-webpack-plugin');
module.exports = {
plugins: [
new AutoInjectCssWebpackPlugin({
files: ['src/reset.css', 'src/theme.css'], // single file also ok
tagId: 'app',
insert: 'head' // or 'body'
})
]
};After building, the runtime will insert:
<style data-id="app-0">/* reset.css */</style>
<style data-id="app-1">/* theme.css */</style>If only one file, data-id="app" (no suffix).