1.2.0 • Published 4 years ago

to-string-loader v1.2.0

Weekly downloads
117,733
License
BSD-3-Clause
Repository
github
Last release
4 years ago

to-string loader for webpack

Usage

let output = require('to-string!css!sass!./my.scss');
// => returns sass rendered to CSS a string

Don't forget to polyfill require if you want to use it in node.

See webpack documentation.

Use Case

If you setup a SASS loader:

{
    test: /\.scss$/,
    loaders: [
        'css',
        'sass'
    ]
},

then require('./my.scss') will return an Array object:

0: Array[3]
    0: 223
    1: "html,↵body,↵ol,↵ul,↵li,↵p { margin: 0; padding: 0; }↵"
    2: ""
    length: 3
i: (modules, mediaQuery) { .. }
length: 1
toString: toString()

In some cases (e.g. Angular2 @View styles definition) you need to have style as a string.

You can cast the require output to a string, e.g.

@View({
    directives: [RouterOutlet, RouterLink],
    template: require('./app.html'),
    styles: [
        require('./app.scss').toString()
    ]
})

or you can use to-string loader that will do that for you:

{
    test: /\.scss$/,
    loaders: [
        'to-string',
        'css',
        'sass'
    ]
},
@everymundo/em-cmp-lib-pricesng-x-clipeach-cli@vzn/cli@yarvis/angular@monsenso/componentsiics-connections-test@infinitebrahmanuniverse/nolb-to-test-inject-reacttempakenya-project-pkgkeep-observersharmonyos@ximerajs/angularjs@ucd-lib/cork-app-build@tuval/components-layouts@underdogio/pup@tinytot/webpack-config-factory@trinitymirrordigital/webpack-setup@viveksudars/mesh-sdkangrepeatangular-library-seed-og-testangular-ts-tddangular4-aspnetcore-universalangular2-config-generatorangular2-common-pkgng2-webpack-scriptssolid-scriptsug_babiumd-packtfabricauserscriptertuval@balinj/build@bloomreach/frontend-build@celmino/sdk@celmino/sdk-consolezid-checkoutwebpack-typescript-lib-quickstartvis-wvis-w2union-vue-typescript-quick-starter@lio-spa/build-app@next-core/webpack-config-factory@ngxvoice/ngx-voicelistner@ngx-webpack/core@platinbox/cli@purtuga/project-base@progress/kendo-angular-tasks@patternplate/compilermy-first-kenya-pkgmy-first-kenya-pkg-testmy-demo-pkg-testmy-kenya-pkgmidnight-lizard-vendoromnia-component-frameworkomi-pianosampleappanbuseal-native-runnerreach-et-webpack-setupreact-application-corerc-pluggable-widgets-toolsro-dev-utilsng2-webpack-configneural_compressor_ext_lab_customizedneural_compressor_ext_lab_customized_2ngx-webpackng-storybook-standaloneng-static-site-generatorngl-clipreact-cli-omirahulanand-firstsidamojssiipi-erpghs-umami-tonkotsu-curator-compilerghs-umami-tonkotsu-curator-devtoolscookie-bakerdemo999bpjslibbuild-plugin-component-multiplebillhighwaysignupdkdjgenerator-aspnetcore-angular-2@servicenow/cli-utils@servicenow/cli@square-one/build-helper@surface/builder@surface/compiler@tamland/webpack-configelm-app-webcomponentem-project-devexample-simplefe-builder-reactflw-modal@dev-scripts/webpack@angularclass/universal-sitegen@angularclass/universal-tools@angularclass/web-cached-view@angularclass/dope-docs@angularclass/dope-ui
1.2.0

4 years ago

1.1.6

6 years ago

1.1.5

9 years ago

1.1.4

9 years ago

1.1.3

10 years ago

1.1.2

10 years ago

1.1.1

10 years ago

1.1.0

10 years ago

1.0.0

10 years ago