https://github.com/asnowwolf/css-with-mapping-loader
CSS to string loader with source mapping
https://github.com/asnowwolf/css-with-mapping-loader
angular css sourcemap webpack-loader
Last synced: 4 months ago
JSON representation
CSS to string loader with source mapping
- Host: GitHub
- URL: https://github.com/asnowwolf/css-with-mapping-loader
- Owner: asnowwolf
- License: mit
- Created: 2017-02-03T00:22:42.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-23T16:00:14.000Z (almost 9 years ago)
- Last Synced: 2025-09-04T00:02:09.905Z (4 months ago)
- Topics: angular, css, sourcemap, webpack-loader
- Language: JavaScript
- Size: 5.86 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# css-with-mapping loader for webpack
## Usage
```js
var result = require('css-with-mapping-loader!css-loader!sass-loader!./test.scss');
// => returns sass rendered to CSS with /*# sourceURL=... */ and /*# sourceMappingURL=... */.
```
## Use Case
In some cases (e.g. Angular2 [Component Styles](https://angular.io/docs/ts/latest/guide/component-styles.html)) you need to have style as a string.
You can cast the require output to a string, e.g.
```typescript
@Component({
selector: 'my-css-test',
template: '
some content',
styles: [
require('css-with-mapping!css!sass!./test.scss') // Of course, you will certainly configure the loader in the webpack configuration
]
})
```
** Note that the current version of Angular (2.4.5) will lose the sourceURL and sourceMappingURL comment, so unless you patch the code for Angular, otherwise the loader will not work properly. Follow Pull Request https://github.com/angular/angular/pull/14175 for more information **