[feat] HRM 설정 prototype

Author: jackrabbit-start

.yarn/install-state.gz

@@ -27,30 +27,30 @@ const builds = {
     dest: resolvePath('dist/apexcharts.common.js'),
     format: 'cjs',
     env: 'production',
-    banner
+    banner,
   },
   'web-esm': {
     entry: resolvePath('src/apexcharts.js'),
     dest: resolvePath('dist/apexcharts.esm.js'),
     format: 'es',
     env: 'production',
-    banner
+    banner,
   },
   'web-umd-dev': {
     entry: resolvePath('src/apexcharts.js'),
     dest: resolvePath('dist/apexcharts.js'),
     format: 'umd',
     env: 'development',
-    banner
+    banner,
   },
   'web-umd-prod': {
     entry: resolvePath('src/apexcharts.js'),
     dest: resolvePath('dist/apexcharts.min.js'),
     format: 'umd',
     env: 'production',
     banner,
-    assets: true
-  }
+    assets: true,
+  },
 }
 
 /**
@@ -63,42 +63,42 @@ function rollupConfig(opts) {
     plugins: [
       resolve(),
       json({
-        preferConst: true
+        preferConst: true,
       }),
       postcss({
         inject: false,
-        plugins: []
+        plugins: [],
       }),
       svgo({
-        raw: true
+        raw: true,
       }),
       babel.babel({
         exclude: 'node_modules/**',
         plugins: ['@babel/plugin-proposal-class-properties'].concat(
           opts.istanbul ? ['istanbul'] : []
-        )
+        ),
       }),
-      replace({ 'process.env.NODE_ENV': JSON.stringify(opts.env) })
+      replace({ 'process.env.NODE_ENV': JSON.stringify(opts.env) }),
     ],
     output: {
       file: opts.dest,
       format: opts.format,
       banner: opts.banner,
-      name: 'ApexCharts'
-    }
+      name: 'ApexCharts',
+    },
   }
 
   if (opts.env === 'production') {
     config.plugins.push(
       strip({
         debugger: true,
-        functions: ['console.log', 'debug', 'alert'],
-        sourceMap: false
+        functions: ['debug', 'alert'],
+        sourceMap: false,
       }),
       terser({
         output: {
-          ascii_only: true
-        }
+          ascii_only: true,
+        },
       })
     )
   }
@@ -109,16 +109,16 @@ function rollupConfig(opts) {
         [
           {
             files: 'src/assets/apexcharts.css',
-            dest: 'dist'
+            dest: 'dist',
           },
           {
             files: 'src/locales/*.*',
-            dest: 'dist/locales'
-          }
+            dest: 'dist/locales',
+          },
         ],
         {
           verbose: true,
-          watch: false
+          watch: false,
         }
       )
     )
@@ -139,7 +139,7 @@ async function executeBuildEntry(options) {
   return {
     path: config.output.file,
     code: generated.output[0].code,
-    isDev: /apexcharts\.js$/.test(config.output.file)
+    isDev: /apexcharts\.js$/.test(config.output.file),
   }
 }
 

build/config.js

@@ -20,7 +20,7 @@
     "types/*.d.ts"
   ],
   "scripts": {
-    "dev": "rollup -w -c build/config.js --environment TARGET:web-umd-dev",
+    "dev": "rollup -w -c build/config.js --environment TARGET:web-esm",
     "dev:cjs": "rollup -w -c build/config.js --environment TARGET:web-cjs",
     "bundle": "node build/build.js",
     "build": "npm run bundle && webpack",
@@ -110,4 +110,4 @@
     "visualizations",
     "data"
   ]
-}
+}

package.json

@@ -10,47 +10,52 @@ module.exports = {
     libraryTarget: 'umd',
     umdNamedDefine: false,
     path: path.resolve(__dirname, 'dist/'),
-    filename: 'apexcharts.amd.js'
+    filename: 'apexcharts.amd.js',
   },
+
   module: {
     rules: [
       {
         test: /\.js$/,
         use: {
           loader: 'babel-loader',
           options: {
-            presets: ['@babel/preset-env']
-          }
-        }
+            presets: ['@babel/preset-env'],
+          },
+        },
       },
       {
         test: /\.css$/,
-        use: ['style-loader', 'css-loader']
+        use: ['style-loader', 'css-loader'],
       },
       {
         test: /\.svg$/,
-        loader: 'svg-inline-loader'
-      }
-    ]
+        loader: 'svg-inline-loader',
+      },
+    ],
   },
   watchOptions: {
-    poll: true
+    poll: true,
   },
   resolve: {
-    modules: [__dirname, 'src', 'node_modules'],
-    extensions: ['.js', '.json']
+    modules: [
+      path.resolve(__dirname, '../../node_modules'),
+      path.resolve(__dirname, 'node_modules'),
+      'node_modules',
+    ],
+    extensions: ['.js', '.json'],
   },
   performance: {
     hints: false,
     maxEntrypointSize: 512000,
-    maxAssetSize: 512000
+    maxAssetSize: 512000,
   },
   plugins: [
     new ESLintPlugin(),
     new BundleAnalyzerPlugin({
       analyzerMode: 'static',
       reportFilename: path.join('..', 'bundle-analysis.html'),
-      openAnalyzer: false
-    })
-  ]
+      openAnalyzer: false,
+    }),
+  ],
 }