diff options
Diffstat (limited to 'juick-www/webpack.config.js')
| -rw-r--r-- | juick-www/webpack.config.js | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/juick-www/webpack.config.js b/juick-www/webpack.config.js index fd29405a..457ab41a 100644 --- a/juick-www/webpack.config.js +++ b/juick-www/webpack.config.js @@ -1,5 +1,5 @@ const webpack = require("webpack") -const ExtractTextPlugin = require("extract-text-webpack-plugin") +const MiniCssExtractPlugin = require("mini-css-extract-plugin") const StyleLintPlugin = require('stylelint-webpack-plugin') module.exports = { @@ -24,9 +24,13 @@ module.exports = { { test: /\.jsx?$/, loader: 'eslint-loader', enforce: 'pre', exclude: /node_modules/, options: { failOnWarning: false, failOnError: true, fix: true } }, { test: /\.js$/, loader: 'babel-loader', query: { presets: ['env'] } }, { - test: /\.css$/, loader: ExtractTextPlugin.extract({ - fallback: "style-loader", - use: ["css-loader", { + test: /\.css$/, + use: [ + MiniCssExtractPlugin.loader, + { + loader: "css-loader" + }, + { loader: "postcss-loader", options: { plugins: () => [ require('autoprefixer')({ @@ -34,8 +38,8 @@ module.exports = { }) ] } - }] - }) + } + ] }, { test: /\.png$/, loader: "url-loader?limit=10000000000" }, { test: /\.svg$/, loader: "url-loader?limit=10000000000" } @@ -43,7 +47,7 @@ module.exports = { }, plugins: [ new StyleLintPlugin({ configFile: '.stylelintrc.json', context: 'src/main/assets', files: ['**/*.css'], emitErrors: false }), - new ExtractTextPlugin({ filename: "style.css", allChunks: true }) + new MiniCssExtractPlugin({ filename: "style.css", allChunks: true }) ], } |