@imiobe/plonetheme-smartweb-base 0.0.2 → 0.0.5

package/webpack.config.js

@@ -1,169 +0,0 @@
-const path = require("path");
-
-//const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
-const TerserPlugin = require("terser-webpack-plugin");
-const ZipPlugin = require("zip-webpack-plugin");
-const CopyPlugin = require("copy-webpack-plugin");
-const {CleanWebpackPlugin} = require("clean-webpack-plugin");
-
-const THEME_ID = "smartweb";
-const BASE_PATH = path.resolve(__dirname, "./src")
-
-module.exports = (env, argv) => {
-    const mode = argv.mode ? argv.mode : "development";
-    const BUNDLE_NAME = `++theme++${THEME_ID}`;
-
-    return {
-        mode: mode,
-        entry: [path.resolve(BASE_PATH, "index.js")],
-        output: {
-            path: path.resolve(__dirname, "./dist"),
-            filename: "js/main.js"
-        },
-        plugins: [
-            mode === "production" && new CleanWebpackPlugin(),
-            mode === "production" && new CopyPlugin({
-                patterns: [
-                    {from: "*.png", to: "."},
-                    {from: "*.cfg", to: "."},
-                    {from: "*.html", to: "."},
-                    {from: "*.ico", to: "."},
-                ],
-            }),
-            mode === "production" && new ZipPlugin({
-                path: '.',
-                filename: 'smartweb.zip',
-                exclude: [/node_modules/],
-            }),
-            new MiniCssExtractPlugin({
-                filename: "styles/main.min.css",
-            }),
-        ].filter(Boolean),
-        module: {
-            rules: [
-                {
-                    test: /\.s[ac]ss$/i,
-                    use: [
-                        // In production, creates CSS files
-                        // In development serve CSS through JS 'with style-loader'
-                        {
-                            loader:
-                                mode === "development"
-                                    ? "style-loader"
-                                    : MiniCssExtractPlugin.loader,
-                        },
-                        // Translates CSS into CommonJS
-                        {
-                            loader: "css-loader",
-                            options: {
-                                sourceMap: mode === "development",
-                            },
-                        },
-                        // Use postcss to add vendor prefixes and various transforms to the css
-                        {
-                            loader: "postcss-loader",
-                            options: {
-                                sourceMap: mode === "development",
-                            },
-                        },
-                        {
-                            loader: "sass-loader",
-                            options: {
-                                sourceMap: mode === "development",
-                            },
-                        },
-                    ],
-                },
-                {
-                    test: /\.css$/i,
-                    use: [
-                        // In production, creates CSS files
-                        // In development serve CSS through JS 'with style-loader'
-                        {
-                            loader:
-                                mode === "development"
-                                    ? "style-loader"
-                                    : MiniCssExtractPlugin.loader,
-                        },
-                        // Translates CSS into CommonJS
-                        {
-                            loader: "css-loader",
-                            options: {
-                                sourceMap: mode === "development",
-                            },
-                        },
-                    ],
-                },
-                {
-                    // Use @svgr/webpack to import svg directly in .js files
-                    test: /\.svg$/i,
-                    issuer: /\.(js|mjs|jsx|ts|tsx)$/,
-                    loader: "@svgr/webpack",
-                },
-                {
-                    // Use file-loader to import img files in other files
-                    test: /\.(png|jpg|gif|jpeg|svg)$/i,
-                    loader: "file-loader",
-                    options: {
-                        name: "[name].[hash].[ext]",
-                        outputPath: "assets",
-                    },
-                },
-                {
-                    test: /\.(eot|woff|woff2|ttf)([?]?.*)$/,
-                    loader: "file-loader",
-                    options: {
-                        name: "[name].[ext]",
-                        outputPath: "assets/fonts",
-                    },
-                },
-            ],
-        },
-        optimization: {
-            usedExports: true,
-            minimizer: [
-                new CssMinimizerPlugin(),
-                new TerserPlugin({
-                    parallel: true,
-                }),
-            ],
-        },
-        devServer: {
-            port: 3000,
-            hot: true,
-            watchFiles: {
-                paths: ["./../**/*.pt"], // Also watch for .pt file change
-            },
-            // De-comment this when new resources registry is out.
-            // Python webresource module adds a integrity token so we need to write to disk so it can be recomputed
-            // devMiddleware: {
-            //    writeToDisk: true,
-            //},
-
-            // Proxy everything to the Plone Backend EXCEPT our bundle as
-            // Webpack Dev Server will serve it.
-            proxy: [
-                {
-                    context: ["/**", `!**/${BUNDLE_NAME}/**`],
-                    target: "http://localhost:8080",
-                },
-                {
-                    context: [`**/${BUNDLE_NAME}/**`],
-                    target: "http://localhost:3000",
-                    pathRewrite: function (path) {
-                        if (path.includes("++unique++")) {
-                            // We need to rewrite the path as Plone 5 add some crap timestamp
-                            // to it and doesn't provide a way of disabling it.
-                            const reg = /\/\+\+unique\+\+[^/]+/; // Strip ++unique++ part
-                            path = path.replace(reg, "");
-                        }
-                        path = path.split(BUNDLE_NAME)[1]; // Keep only the path after our bundle name
-                        return path;
-                    },
-                },
-            ],
-        },
-    };
-};