- Notifications
You must be signed in to change notification settings - Fork66
💅 vue style loader module for webpack
License
vuejs/vue-style-loader
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This is a fork based onstyle-loader. Similar tostyle-loader, you can chain it aftercss-loader to dynamically inject CSS into the document as style tags. However, since this is included as a dependency and used by default invue-loader, in most cases you don't need to configure this loader yourself.
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. WhenmanualInjectis 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 thessrContextto attach styles to.importstylesfrom'styles.scss'exportdefault{beforeCreate(){// or create a mixin for this purposeif(styles.__inject__){styles.__inject__(this.$ssrContext)}}render(){return<divclass={styles.heading}>Hello World</div>}}
Note this behavior is enabled automatically when
vue-style-loaderis used on styles imported within a*.vuefile. The option is only exposed for advanced usage.ssrId (3.1.0+):
Type:
boolean. Adddata-vue-ssr-idattribute to injected<style>tags even when not in Node.js. This can be used with pre-rendering (instead of SSR) to avoid duplicate style injection on hydration.
When bundling withtarget: 'node', the styles in all rendered components are collected and exposed on the Vue render context object ascontext.styles, which you can simply inline into your markup's<head>. If you are building a Vue SSR app, you probably should use this loader for CSS imported from JavaScript files too.
Does not support url mode and reference counting mode. Also removed
singletonandinsertAtquery options. It always automatically pick the style insertion mechanism that makes most sense. If you need these capabilities you should probably use the originalstyle-loaderinstead.Fixed the issue that root-relative URLs are interpreted against chrome:// urls and make source map URLs work for injected
<style>tags in Chrome.
MIT
About
💅 vue style loader module for webpack
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Languages
- JavaScript100.0%