summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDavid Mehren2018-09-02 10:57:59 +0200
committerDavid Mehren2018-09-06 17:26:09 +0200
commitc66aa60495c0ef9a709e6904f5d8a099e3bb036a (patch)
treed07d96322b6465dc879bc3926a760cacda811ddc
parent6056f9a392c27defafebdac2816b5dcf5f30eb91 (diff)
Upgrade to Webpack 4 - development config
Signed-off-by: David Mehren <dmehren1@gmail.com>
Diffstat (limited to '')
-rw-r--r--webpack.config.js20
1 files changed, 13 insertions, 7 deletions
diff --git a/webpack.config.js b/webpack.config.js
index b725174c..3c7c727e 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,10 +1,14 @@
var baseConfig = require('./webpackBaseConfig')
-var ExtractTextPlugin = require('extract-text-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
var path = require('path')
module.exports = [Object.assign({}, baseConfig, {
plugins: baseConfig.plugins.concat([
- new ExtractTextPlugin('[name].css')
+ new MiniCssExtractPlugin({
+ filename: '[name].css',
+ chunkFilename: '[id].css'
+ })
+
]),
devtool: 'source-map'
}), {
@@ -13,15 +17,15 @@ module.exports = [Object.assign({}, baseConfig, {
htmlExport: path.join(__dirname, 'public/js/htmlExport.js')
},
module: {
- loaders: [{
+ rules: [{
test: /\.css$/,
- loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
+ use: ['style-loader', 'css-loader']
}, {
test: /\.scss$/,
- loader: ExtractTextPlugin.extract('style-loader', 'sass-loader')
+ use: ['style-loader', 'sass-loader']
}, {
test: /\.less$/,
- loader: ExtractTextPlugin.extract('style-loader', 'less-loader')
+ use: ['style-loader', 'less-loader']
}]
},
output: {
@@ -30,6 +34,8 @@ module.exports = [Object.assign({}, baseConfig, {
filename: '[name].js'
},
plugins: [
- new ExtractTextPlugin('html.min.css')
+ new MiniCssExtractPlugin({
+ filename: 'html.min.css'
+ })
]
}]