create-packer 1.7.8 → 1.8.2

package/template/web-app/webpack/webpack.config.js

@@ -1,15 +0,0 @@
-const genBaseConfig = require('./webpack_config/genBaseConfig')
-const { merge } = require('webpack-merge')
-const genStyleConfig = require('./webpack_config/genStyleConfig')
-const webpack = require('webpack')
-
-module.exports = function (env) {
-    const config = merge(genBaseConfig(env), genStyleConfig(env))
-    if (!env.prod) {
-        config.plugins.push(new webpack.HotModuleReplacementPlugin())
-        Object.keys(config.entry).forEach(k => {
-            config.entry[k].unshift('webpack-hot-middleware/client')
-        })
-    }
-    return config
-}

package/template/web-app/webpack/webpack_config/config.js

@@ -1,14 +0,0 @@
-const path = require('path')
-
-const ROOT = process.cwd()
-const SRC = path.join(ROOT, 'src')
-const OUTPUT = path.join(ROOT, 'dist')
-
-module.exports = {
-    ROOT,
-    SRC,
-    OUTPUT,
-    STATIC_DIR: 'static',
-    gzip: false,
-    scopeClassName: '[name]__[local]--[hash:base64:5]'
-}

package/template/web-app/webpack/webpack_config/genBaseConfig.js

@@ -1,73 +0,0 @@
-const config = require('./config')
-const path = require('path')
-const WebpackBar = require('webpackbar')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-
-module.exports = function genBaseConfig(env) {
-    return {
-        entry: {
-            index: [path.join(config.SRC, 'index.tsx')]
-        },
-        output: {
-            filename: config.STATIC_DIR + (env.prod ? '/[name].[chunkhash].js' : '/[name].js'),
-            path: config.OUTPUT,
-            publicPath: '/',
-            clean: true
-        },
-        bail: true,
-        mode: env.prod ? 'production' : 'development',
-        devServer: {
-            host: 'localhost',
-            port: 8080,
-            inline: true,
-            hot: true,
-            publicPath: 'http://localhost:8080',
-            open: true,
-            historyApiFallback: true,
-            proxy: {
-                '/api': {
-                    target: 'http://127.0.0.1:3000',
-                    changeOrigin: true,
-                    secure: false,
-                    pathRewrite: {
-                        '^/api': ''
-                    }
-                }
-            }
-        },
-        module: {
-            rules: [
-                {
-                    test: /\.(js|jsx|ts|tsx)$/,
-                    exclude: /(node_modules|bower_components)/,
-                    loader: 'babel-loader'
-                },
-                {
-                    test: /\.(png|svg|jpg|jpeg|gif)$/i,
-                    type: 'asset/resource'
-                },
-                {
-                    test: /\.(woff|woff2|eot|ttf|otf)$/i,
-                    type: 'asset/resource'
-                }
-            ]
-        },
-        plugins: [
-            new WebpackBar(),
-            new HtmlWebpackPlugin({
-                filename: 'index.html',
-                template: path.resolve(config.SRC, 'index.html')
-            })
-        ],
-        optimization: {
-            minimize: true
-        },
-        resolve: {
-            extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue', '.json'],
-            alias: {
-                '@': config.SRC
-            },
-            modules: [path.join(config.ROOT, 'node_modules')]
-        }
-    }
-}

package/template/web-app/webpack/webpack_config/genStyleConfig.js

@@ -1,23 +0,0 @@
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-
-module.exports = function genStyleConfig(env) {
-    return {
-        module: {
-            rules: [
-                {
-                    test: /\.css$/,
-                    use: [
-                        env.prod ? MiniCssExtractPlugin.loader : 'style-loader',
-                        'css-loader',
-                        'postcss-loader'
-                    ]
-                }
-            ]
-        },
-        plugins: [
-            new MiniCssExtractPlugin({
-                filename: env.prod ? '[name].[contenthash].css' : '[name].css'
-            })
-        ]
-    }
-}

package/template/web-app/webpack/webpack_config/jest/fileTransform.js

@@ -1,40 +0,0 @@
-'use strict'
-
-const path = require('path')
-const camelcase = require('camelcase')
-
-// This is a custom Jest transformer turning file imports into filenames.
-// http://facebook.github.io/jest/docs/en/webpack.html
-
-module.exports = {
-    process(src, filename) {
-        const assetFilename = JSON.stringify(path.basename(filename))
-
-        if (filename.match(/\.svg$/)) {
-            // Based on how SVGR generates a component name:
-            // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
-            const pascalCaseFilename = camelcase(path.parse(filename).name, {
-                pascalCase: true
-            })
-            const componentName = `Svg${pascalCaseFilename}`
-            return `const React = require('react');
-      module.exports = {
-        __esModule: true,
-        default: ${assetFilename},
-        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
-          return {
-            $$typeof: Symbol.for('react.element'),
-            type: 'svg',
-            ref: ref,
-            key: null,
-            props: Object.assign({}, props, {
-              children: ${assetFilename}
-            })
-          };
-        }),
-      };`
-        }
-
-        return `module.exports = ${assetFilename};`
-    }
-}