|
1 | 1 | const path = require('path'); |
2 | 2 | const webpack = require('webpack'); |
3 | | -const ExtractTextPlugin = require('extract-text-webpack-plugin'); |
| 3 | +const MiniCssExtractPlugin = require('mini-css-extract-plugin'); |
4 | 4 | const merge = require('webpack-merge'); |
5 | 5 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); |
6 | 6 | const treeShakableModules = [ |
@@ -30,7 +30,6 @@ const allModules = treeShakableModules.concat(nonTreeShakableModules); |
30 | 30 |
|
31 | 31 | module.exports = (env) => { |
32 | 32 | console.log(`env = ${JSON.stringify(env)}`) |
33 | | - const extractCSS = new ExtractTextPlugin('vendor.css'); |
34 | 33 | const isDevBuild = !(env && env.prod); |
35 | 34 | const sharedConfig = { |
36 | 35 | mode: isDevBuild ? "development" : "production", |
@@ -71,13 +70,13 @@ module.exports = (env) => { |
71 | 70 | module: { |
72 | 71 | rules: [{ |
73 | 72 | test: /\.css(\?|$)/, |
74 | | - use: extractCSS.extract({ |
75 | | - use: isDevBuild ? 'css-loader' : 'css-loader?minimize' |
76 | | - }) |
| 73 | + use: ['style-loader', MiniCssExtractPlugin.loader, isDevBuild ? 'css-loader' : 'css-loader?minimize'] |
77 | 74 | }] |
78 | 75 | }, |
79 | 76 | plugins: [ |
80 | | - extractCSS, |
| 77 | + new MiniCssExtractPlugin({ |
| 78 | + filename: 'vendor.css', |
| 79 | + }), |
81 | 80 | new webpack.DllPlugin({ |
82 | 81 | path: path.join(__dirname, 'wwwroot', 'dist', '[name]-manifest.json'), |
83 | 82 | name: '[name]_[hash]' |
|
0 commit comments