fix: semi-icons bundle umd

content/start/changelog/index-en-US.md

@@ -16,9 +16,12 @@ Version：Major.Minor.Patch
 
 ---
 
-#### 🎉 2.1.0 (2021-11-26)
+#### 🎉 2.1.1 (2021-11-26)
 - 【Fix】
   - Provide UMD products of semi-icons and semi-illustrations to solve the problem that icons cannot be used in UMD scenarios [#215](https://github.com/DouyinFE/semi-design/issues/215)
+
+#### 🎉 2.1.0 (2021-11-26)
+- 【Fix】
   - Fix the issue that the Collapsible component is stuck when expanding/retracting when the content has a margin [@ChelesteWang](https://github.com/ChelesteWang)
 - 【Style】
   - Timeline adds $color-timeline_item_content-text-default Sass variable, which is used to configure the timeline title text color

content/start/changelog/index.md

@@ -15,9 +15,12 @@ Semi 版本号遵循**Semver**规范（主版本号-次版本号-修订版本号
 
 ---
 
-#### 🎉 2.1.0 (2021-11-26)
+#### 🎉 2.1.1 (2021-11-26)
 - 【Fix】
   - 提供 semi-icons、semi-illustrations 的 UMD 产物，解决 UMD 场景下无法使用 icon 的问题 [#215](https://github.com/DouyinFE/semi-design/issues/215)
+
+#### 🎉 2.1.0 (2021-11-26)
+- 【Fix】
   - 修复 Collapsible 组件在 content 有 margin 时展开/收起卡顿的问题 [@ChelesteWang](https://github.com/ChelesteWang)
 - 【Style】
   - Timeline 新增 $color-timeline_item_content-text-default Sass 变量，用于配置时间轴标题文字颜色

packages/semi-icons/package.json

@@ -26,8 +26,8 @@
     "clean": "rimraf dist lib",
     "build:icon": "node scripts/build-icon ",
     "build:lib": "node ./scripts/compileLib.js",
-    "build:js": "node scripts/compileDist.js",
-    "prepublishOnly": "npm run clean && npm run build:lib && npm run build:js"
+    "build:js": "npm run build:lib && node scripts/compileDist.js",
+    "prepublishOnly": "npm run clean && npm run build:js"
   },
   "dependencies": {
     "@babel/runtime-corejs3": "^7.15.4",
@@ -40,7 +40,6 @@
     "@babel/preset-react": "^7.14.5",
     "@douyinfe/semi-webpack-plugin": "2.1.0",
     "babel-loader": "^8.2.2",
-    "case-sensitive-paths-webpack-plugin": "2.4.0",
     "css-loader": "4.3.0",
     "del": "^6.0.0",
     "gulp": "^4.0.2",

packages/semi-icons/webpack.config.js

@@ -5,15 +5,13 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 const babelConfig = require('./babel.config');
 
-const semiThemeLoader = path.resolve(__dirname, '../semi-webpack/lib/semi-theme-loader.js');
-
 module.exports = function getWebpackConfig({ minimize }){
     return {
         mode: 'production',
         bail: true,
         devtool: 'source-map',
         entry: {
-            index: ['./src/index.ts']
+            index: ['./lib/es/index.js']
         },
         output: {
             filename: minimize ? 'umd/semi-icons.min.js' : 'umd/semi-icons.js',
@@ -32,31 +30,17 @@ module.exports = function getWebpackConfig({ minimize }){
                         {
                             loader: 'babel-loader',
                             options: babelConfig
-                        },
-                        {
-                            loader: 'ts-loader',
-                            options: {
-                                transpileOnly: true,
-                                happyPackMode: false,
-                                appendTsSuffixTo: []
-                            }
                         }
                     ]
                 },
                 { 
-                    test: /\.scss$/, 
+                    test: /\.css$/, 
                     loaders: [
                         {
                             loader: MiniCssExtractPlugin.loader
                         },
                         {
                             loader: 'css-loader'
-                        },
-                        {
-                            loader: 'sass-loader'
-                        },
-                        {
-                            loader: semiThemeLoader
                         }
                     ] 
                 },

packages/semi-illustrations/package.json

@@ -52,8 +52,8 @@
     "clean": "rimraf dist lib",
     "build:icon": "node scripts/build-illustration",
     "build:lib": "node ./scripts/compileLib.js",
-    "build:js": "node scripts/compileDist.js",
-    "prepublishOnly": "npm run clean && npm run build:lib && npm run build:js"
+    "build:js": "npm run build:lib && node scripts/compileDist.js",
+    "prepublishOnly": "npm run clean && npm run build:js"
   },
   "gitHead": "5d5893482dd1f4c69333907f01fc66a8125ac9cd"
 }

packages/semi-illustrations/webpack.config.js

@@ -10,7 +10,7 @@ module.exports = function getWebpackConfig({ minimize }){
         bail: true,
         devtool: 'source-map',
         entry: {
-            index: ['./src/index.ts']
+            index: ['./lib/es/index.js']
         },
         output: {
             filename: minimize ? 'umd/semi-illustrations.min.js' : 'umd/semi-illustrations.js',
@@ -29,14 +29,6 @@ module.exports = function getWebpackConfig({ minimize }){
                         {
                             loader: 'babel-loader',
                             options: babelConfig
-                        },
-                        {
-                            loader: 'ts-loader',
-                            options: {
-                                transpileOnly: true,
-                                happyPackMode: false,
-                                appendTsSuffixTo: []
-                            }
                         }
                     ]
                 }