Skip to content
Snippets Groups Projects
Commit 694075ac authored by Thomas Roos's avatar Thomas Roos
Browse files

Produce a seperate minified CSS

parent 96cc9cce
No related branches found
No related tags found
No related merge requests found
......@@ -20,11 +20,10 @@ module.exports = {
module: {
loaders: [
{ test: /\.(jsx|js)$/, loader: 'babel-loader', exclude: /node_modules/ },
{ test: /\.css$/, use: [{ loader: "style-loader" }, { loader: "css-loader" }] },
{ test: /\.(png|jpg|gif)$/, loader: "file-loader" },
{ test: /\.(woff(2)?|ttf|eot|svg|otf)(\?v=\d+\.\d+\.\d+)?$/, loader: "file-loader" },
]
},
plugins: [HtmlWebpackPluginConfig]
}
}
......@@ -2,6 +2,12 @@ const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
module: {
loaders: [
{ test: /\.css$/, use: [ 'style-loader', 'css-loader' ]}
]
},
devtool: 'eval-source-map',
devServer: {
......
const webpack = require('webpack');
const merge = require('webpack-merge');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const common = require('./webpack.common.js');
module.exports = merge(common, {
module: {
loaders: [
{ test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" })}
]
},
devtool: 'source-map',
plugins: [
new UglifyJsPlugin({
......@@ -13,6 +21,13 @@ module.exports = merge(common, {
}),
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
}),
new ExtractTextPlugin("styles.css"),
new OptimizeCssAssetsPlugin({
assetNameRegExp: /\.optimize\.css$/g,
cssProcessor: require('cssnano'),
cssProcessorOptions: { discardComments: {removeAll: true } },
canPrint: true
})
]
})
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment