@fmsim/builder 2.0.1 → 3.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmsim/builder",
-  "version": "2.0.1",
+  "version": "3.0.0-beta.2",
   "description": "Layout View 어플리케이션 빌드를 위해 구성된 모듈입니다.",
   "main": "index.js",
   "author": "Hearty Oh <heartyoh@hatiolab.com>",
@@ -73,6 +73,7 @@
     "sass-loader": "^16.0.4",
     "storybook": "^8.6.4",
     "terser": "^5.1.0",
+    "terser-webpack-plugin": "^5.6.1",
     "text-loader": "^0.0.1",
     "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
@@ -83,5 +84,5 @@
     "webpack-dev-server": "^5.2.0",
     "workbox-webpack-plugin": "^7.0.0"
   },
-  "gitHead": "a5336bd252e398b021c4a025fad0eb3b501f35f2"
+  "gitHead": "23b7fedf8bb2b70b1150b963bd0f75d77a26052d"
 }

package/webpack-plugins/folder-override-plugin.js

@@ -98,14 +98,7 @@ class FolderOverridePlugin {
 
     this.writtenFrom[filepath].webpackTo = webpackTo
 
-    compilation.assets[webpackTo] = {
-      size() {
-        return stat.size
-      },
-      source() {
-        return content
-      }
-    }
+    compilation.assets[webpackTo] = new compilation.compiler.webpack.sources.RawSource(content)
   }
 }
 

package/webpack-plugins/i18n-bundler-plugin.js

@@ -75,14 +75,7 @@ class I18nBundlerPlugin {
 
         // debug(`Restoring locale '${locale}' resource into '${localePath}'`)
 
-        compilation.assets[localePath] = {
-          source: function () {
-            return content
-          },
-          size: function () {
-            return content.length
-          }
-        }
+        compilation.assets[localePath] = new compiler.webpack.sources.RawSource(content)
       }
     })
 

package/webpack.config.js

@@ -6,6 +6,7 @@ const HTMLWebpackPlugin = require('html-webpack-plugin')
 const I18nBundlerPlugin = require('./webpack-plugins/i18n-bundler-plugin')
 const FolderOverridePlugin = require('./webpack-plugins/folder-override-plugin')
 const WorkboxWebpackPlugin = require('workbox-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const ThemeOverridePlugin = require('./webpack-plugins/theme-override-plugin')
 const EntryBuilder = require('./controller/entries-builder')
@@ -77,7 +78,15 @@ module.exports = {
     aliasFields: ['browser'],
     alias: {
       [AppPackage.name]:
-        AppPackage.name == '@hatiolab/things-scene' ? path.resolve(appRootPath, 'dist', 'index.js') : appRootPath
+        AppPackage.name == '@hatiolab/things-scene' ? path.resolve(appRootPath, 'dist', 'index.js') : appRootPath,
+      /* 씬 컴포넌트 일괄 등록 — `import 'things-scene-components'` 는 빌더의 앵커 하나를 가리킨다 (things-factory builder 와 같다).
+       * 아래 로더 규칙이 내용을 생성하지만, 웹팩은 로더를 적용하기 전에 경로를 해소해야 하므로 실재하는 앵커 파일이 필요하다. */
+      'things-scene-components': path.resolve(BuilderModulePath, 'web-loaders', 'things-scene-components.import'),
+      'things-scene-components-with-tools': path.resolve(
+        BuilderModulePath,
+        'web-loaders',
+        'things-scene-components-with-tools.import'
+      )
     },
     extensions: ['.ts', '.js', '.jsx', '.tsx', '.json'],
     extensionAlias: {
@@ -96,6 +105,14 @@ module.exports = {
     chunkFilename: 'fmsim/[name].js',
     publicPath: '/'
   },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        exclude: /\/capabilities\/WebGPU\.js$|\/webgpu\/WebGPUBackend\.js$/ // three 의 WebGPU.js·WebGPUBackend.js 는 줄이지 않는다 (things-factory builder 와 같다)
+      })
+    ]
+  },
   module: {
     rules: [
       {