amotify 0.0.71 → 0.1.1

package/webpack.config.js

@@ -0,0 +1,148 @@
+module.exports = ( () => {
+  let path = require( 'path' )
+  let MinCss = require( 'mini-css-extract-plugin' )
+  let RemoveWasteFiles = require( 'webpack-remove-empty-scripts' )
+  let webpack = require( 'webpack' )
+  let TerserPlugin = require( 'terser-webpack-plugin' )
+  let BundleAnalyzerPlugin = require( 'webpack-bundle-analyzer' ).BundleAnalyzerPlugin
+  let BrowserSync = require( 'browser-sync-webpack-plugin' )
+  let BrowserSync_option = {
+    host: 'localhost',
+    // port: 10201,
+    // proxy: 'http://localhost:10300/',
+    port: 10201,
+    proxy: 'http://localhost:10200/',
+    open: false,
+    notify: false
+  }
+  let project = {
+    name: 'amotify',
+    ver: 'v0.0.53',
+    author: 'mingoo LLC.',
+    details: 'https://mingoo.co.jp/'
+  }
+
+  return {
+    mode: 'development',
+    entry: {
+      'amotify': './src/amotify.tsx'
+    },
+    output: {
+      library: 'amotify',
+      libraryTarget: 'umd',
+      libraryExport: 'default',
+      path: __dirname + '/dist/',
+      filename: '[name].js',
+      devtoolModuleFilenameTemplate: 'src/[resource-path]'
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [
+        new TerserPlugin( {
+          parallel: true,
+          extractComments: false,
+          terserOptions: {
+            compress: {
+              drop_console: true
+            },
+            output: {
+              comments: /^\*?!/
+            }
+          }
+        } )
+      ],
+      splitChunks: {
+        cacheGroups: {
+          vendor: {
+            test: /node_modules/,
+            filename: 'coreVender.js',
+            chunks: 'all',
+            enforce: true
+          }
+        }
+      }
+    },
+    externals: {
+      // 'react': 'React',
+      // 'react-dom': 'ReactDOM',
+      // 'react-router-dom': 'ReactRouterDOM'
+    },
+    module: {
+      rules: [
+        {
+          test: /\.scss/,
+          use: [
+            MinCss.loader,
+            'css-loader',
+            'sass-loader'
+          ]
+        },
+        {
+          test: /\.(j|t)sx?$/,
+          use: [
+            {
+              loader: 'babel-loader',
+              options: {
+                presets: [
+                  '@babel/preset-env',
+                  '@babel/preset-react',
+                  '@babel/preset-typescript'
+                ]
+              }
+            },
+            {
+              loader: "ts-loader",
+              options: {
+                // allowTsInNodeModules: true,
+                // transpileOnly:true,
+                configFile: path.resolve( __dirname, 'tsconfig.json' )
+              }
+            }
+          ],
+        }
+      ]
+    },
+    resolve: {
+      modules: [ 'node_modules' ],
+      extensions: [ '.js', '.jsx', '.tsx', '.ts' ],
+      alias: {
+        '~': `${ __dirname }/src`,
+
+        '@props': path.resolve( __dirname, 'src/@styles/props.scss' ),
+        '@mixin': path.resolve( __dirname, 'src/@styles/mixin.scss' ),
+
+        '@declaration': path.resolve( __dirname, 'src/@declaration/_' ),
+
+        '@global': path.resolve( __dirname, 'src/@global' ),
+        '@atoms': path.resolve( __dirname, 'src/@atoms' ),
+        '@mols': path.resolve( __dirname, 'src/@molecules' ),
+        '@orgs': path.resolve( __dirname, 'src/@organisms' ),
+        '@temps': path.resolve( __dirname, 'src/@templates' ),
+        '@fn': path.resolve( __dirname, 'src/@functions' ),
+      }
+    },
+    plugins: [
+      // new BundleAnalyzerPlugin(),
+      // new BrowserSync(
+      //   BrowserSync_option,
+      //   { reload: true }
+      // ),
+      new MinCss( {
+        filename: '[name].min.css'
+      } ),
+      new RemoveWasteFiles,
+      new webpack.BannerPlugin( {
+        banner: `
+        ${ project.name } JavaScript Library ${ project.ver }
+        ${ project.details }
+       
+        Copyright ${ project.author }
+        Released under the MIT license
+        ${ project.details }license
+
+        Last updated: ${ new Date().toLocaleDateString() }
+        `
+      } )
+    ],
+  }
+} )()