# vue-style-loader
> Vue.js style loader module for webpack
Latest version **4.1.3** (published 2021-03-03) · MIT license · 0 weekly downloads
## Install
```sh
npm install vue-style-loader
pnpm add vue-style-loader
yarn add vue-style-loader
bun add vue-style-loader
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 4.1.3 |
| Published | 2021-03-03 |
| First published | 2016-01-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 26.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 223 |
| Author | Evan You |
| Maintainers | yyx990803, soda |
## Links
- npm: https://www.npmjs.com/package/vue-style-loader
- Repository: https://github.com/vuejs/vue-style-loader
- Homepage: https://github.com/vuejs/vue-style-loader#readme
- Issues: https://github.com/vuejs/vue-style-loader/issues
- npm.io page: https://npm.io/package/vue-style-loader
## Dependencies (2)
- [hash-sum](https://npm.io/package/hash-sum.md) ^1.0.2
- [loader-utils](https://npm.io/package/loader-utils.md) ^1.0.2
## Recent versions
- 4.1.3 (latest) — 2021-03-03
- 4.1.2 — 2018-08-13
- 4.1.1 — 2018-07-17
- 4.1.0 — 2018-03-20
- 4.0.2 — 2018-02-13
- 3.1.2 — 2018-01-31
- 4.0.1 — 2018-01-31
- 4.0.0 — 2018-01-31
- 3.1.1 — 2018-01-24
- 3.1.0 — 2018-01-24
- 3.0.3 — 2017-09-14
- 3.0.2 — 2017-09-13
- 3.0.1 — 2017-04-25
- 3.0.0 — 2017-04-13
- 2.0.5 — 2017-03-28
- … 6 more at https://npm.io/package/vue-style-loader/versions
## README
# vue-style-loader [](https://circleci.com/gh/vuejs/vue-loader/tree/master) [](https://www.npmjs.com/package/vue-style-loader)
This is a fork based on [style-loader](https://github.com/webpack/style-loader). Similar to `style-loader`, you can chain it after `css-loader` to dynamically inject CSS into the document as style tags. However, since this is included as a dependency and used by default in `vue-loader`, in most cases you don't need to configure this loader yourself.
## Options
- **manualInject** (3.1.0+):
Type: `boolean`. When importing the style from a non-vue-file, by default the style is injected as a side effect of the import. When `manualInject` is true, the imported style object exposes a `__inject__` method, which can then be called manually at appropriate timing. If called on the server, the method expects one argument which is the `ssrContext` to attach styles to.
``` js
import styles from 'styles.scss'
export default {
beforeCreate() { // or create a mixin for this purpose
if(styles.__inject__) {
styles.__inject__(this.$ssrContext)
}
}
render() {
return Hello World
}
}
```
Note this behavior is enabled automatically when `vue-style-loader` is used on styles imported within a `*.vue` file. The option is only exposed for advanced usage.
- **ssrId** (3.1.0+):
Type: `boolean`. Add `data-vue-ssr-id` attribute to injected `