JarCasting
JarCasting JarCasting

vue-style-loader

WebJar for vue-style-loader

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

vue-style-loader
Последняя версия

Последняя версия

3.1.2
Дата

Дата
Тип

Тип

jar
Описание

Описание

vue-style-loader
WebJar for vue-style-loader
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/vuejs/vue-style-loader

Скачать vue-style-loader

Имя Файла Размер
vue-style-loader-3.1.2.pom
vue-style-loader-3.1.2.jar 12 KB
vue-style-loader-3.1.2-sources.jar 22 bytes
vue-style-loader-3.1.2-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/vue-style-loader/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>vue-style-loader</artifactId>
    <version>3.1.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/vue-style-loader/
implementation 'org.webjars.npm:vue-style-loader:3.1.2'
// https://jarcasting.com/artifacts/org.webjars.npm/vue-style-loader/
implementation ("org.webjars.npm:vue-style-loader:3.1.2")
'org.webjars.npm:vue-style-loader:jar:3.1.2'
<dependency org="org.webjars.npm" name="vue-style-loader" rev="3.1.2">
  <artifact name="vue-style-loader" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='vue-style-loader', version='3.1.2')
)
libraryDependencies += "org.webjars.npm" % "vue-style-loader" % "3.1.2"
[org.webjars.npm/vue-style-loader "3.1.2"]

Зависимости

compile (2)

Идентификатор библиотеки Тип Версия
org.webjars.npm : hash-sum jar [1.0.2,2)
org.webjars.npm : loader-utils jar [1.0.2,2)

Модули Проекта

Данный проект не имеет модулей.

vue-style-loader Build Status npm package

This is a fork based on 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.

    import styles from 'styles.scss'

export default {
  beforeCreate() { // or create a mixin for this purpose
    if(styles.__inject__) {
      styles.__inject__(this.$ssrContext)
    }
  }

  render() {
    return <div class={styles.heading}>Hello World</div>
  }
}

    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 <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.

Differences from style-loader

Server-Side Rendering Support

When bundling with target: 'node', the styles in all rendered components are collected and exposed on the Vue render context object as context.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.

Misc

  • Does not support url mode and reference counting mode. Also removed singleton and insertAt query options. It always automatically pick the style insertion mechanism that makes most sense. If you need these capabilities you should probably use the original style-loader instead.

  • Fixed the issue that root-relative URLs are interpreted against chrome:// urls and make source map URLs work for injected <style> tags in Chrome.

License

MIT

org.webjars.npm

vuejs

Версии библиотеки

Версия
3.1.2
3.0.1