Updated webpack SCSS extract to provide sourcemaps

This commit is contained in:
Dan Brown
2018-03-18 14:47:43 +00:00
parent 8b27ce3296
commit 2c8d7da885
3 changed files with 50 additions and 34 deletions

View File

@ -2,6 +2,7 @@ const path = require('path');
const dev = process.env.NODE_ENV !== 'production';
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const config = {
target: 'web',
@ -30,40 +31,33 @@ const config = {
},
{
test: /\.scss$/,
use: [{
loader: 'file-loader',
options: {
name: '[name].css',
context: './src/css/',
outputPath: './',
publicPath: 'public/'
}
}, {
loader: 'extract-loader', options: {
publicPath: '',
}
}, {
loader: "css-loader", options: {
sourceMap: dev
}
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: dev,
plugins: (loader) => [
require('autoprefixer')(),
]
}
}, {
loader: "sass-loader", options: {
sourceMap: dev
}
}]
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [{
loader: "css-loader", options: {
sourceMap: dev
}
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: dev,
plugins: (loader) => [
require('autoprefixer')(),
]
}
}, {
loader: "sass-loader", options: {
sourceMap: dev
}
}]
})
}
]
},
plugins: []
plugins: [
new ExtractTextPlugin("[name].css"),
]
};
if (dev) {