This is a webpack plugin that simplifies the usage of CSS source maps.
Install the plugin with npm:
$ npm install css-sourcemaps-webpack-plugin --save-dev
var CssSourcemapPlugin = require('css-sourcemaps-webpack-plugin');
module.exports = {
entry: 'index.js',
output: {
path: 'dist',
filename: 'index_bundle.js'
},
module: {
loaders: [
{ test: /\.less$/, loader: 'style!css!less' }
]
},
plugins: [new CssSourcemapPlugin()]
}
You can easily disable the plugin for your production build:
var CssSourcemapPlugin = require('css-sourcemaps-webpack-plugin');
module.exports = {
entry: 'index.js',
output: {
path: 'dist',
filename: 'index_bundle.js'
},
module: {
loaders: [
{ test: /\.scss$/, loader: 'style!css!sass' }
]
},
plugins: [new CssSourcemapPlugin({disabled: true})]
}