chore: use webpack5

linjunc · Apr 25, 2023 · 3ebafde · 3ebafde
1 parent 0b2dd12
commit 3ebafde
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 152 deletions.
diff --git a/packages/semi-icons/package.json b/packages/semi-icons/package.json
@@ -44,7 +44,7 @@
         "gulp-sass": "^5.0.0",
         "gulp-typescript": "^6.0.0-alpha.1",
         "merge2": "^1.4.1",
-        "mini-css-extract-plugin": "0.11.3",
+        "mini-css-extract-plugin": "^2.7.5",
         "rimraf": "^3.0.2",
         "terser-webpack-plugin": "^4.2.3",
         "through2": "^4.0.2",

diff --git a/packages/semi-icons/webpack.config.js b/packages/semi-icons/webpack.config.js
@@ -22,7 +22,7 @@ module.exports = function getWebpackConfig({ minimize }){
             rules: [
                 { 
                     test: /\.css$/, 
-                    loaders: [
+                    use: [
                         {
                             loader: MiniCssExtractPlugin.loader
                         },
@@ -43,7 +43,7 @@ module.exports = function getWebpackConfig({ minimize }){
                 'process.env': { NODE_ENV: '"production"' }
             }),
             new CaseSensitivePathsPlugin(),
-            new webpack.HashedModuleIdsPlugin(),
+            new webpack.ids.HashedModuleIdsPlugin(),
             new MiniCssExtractPlugin({
                 // Options similar to the same options in webpackOptions.output
                 // both options are optional

diff --git a/packages/semi-illustrations/package.json b/packages/semi-illustrations/package.json
@@ -34,8 +34,7 @@
         "merge2": "^1.4.1",
         "rimraf": "^3.0.2",
         "terser-webpack-plugin": "^4.2.3",
-        "ts-loader": "^5.4.5",
-        "webpack": "^4.46.0"
+        "ts-loader": "^5.4.5"
     },
     "scripts": {
         "clean": "rimraf dist lib",

diff --git a/packages/semi-illustrations/webpack.config.js b/packages/semi-illustrations/webpack.config.js
@@ -27,7 +27,7 @@ module.exports = function getWebpackConfig({ minimize }){
                 'process.env': { NODE_ENV: '"production"' }
             }),
             new CaseSensitivePathsPlugin(),
-            new webpack.HashedModuleIdsPlugin(),
+            new webpack.ids.HashedModuleIdsPlugin(),
         ],
         resolve: {
             extensions: ['.ts', '.tsx', '.js', '.jsx', '.json']