Webpack plugin to inject CSS into head at runtime without extra HTML file
npm install @kdcloudjs/auto-inject-css-webpack-pluginInject CSS into <head> at runtime without generating extra HTML files.
``bash
npm i -D auto-inject-css-webpack-plugin
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:
html
``