Breaking News: Grepper is joining You.com. Read the official announcement!

[webpack-cli] Failed to load 'C:\Users\Jayen Malla\Desktop\transformers.js\webpack.config.js' config [webpack-cli] Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'terser-webpack-plugin' imported from C:\Users\Jayen Malla\Desktop\transformers.js\webpack

Jayen M. Thakuri answered on October 11, 2023 Popularity 1/10 Helpfulness 1/10

answer [webpack-cli] Failed to load 'C:\Users\Jayen Malla\Desktop\transformers.js\webpack.config.js' config [webpack-cli] Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'terser-webpack-plugin' imported from C:\Users\Jayen Malla\Desktop\transformers.js\webpack

[webpack-cli] Failed to load 'C:\Users\Jayen Malla\Desktop\transformers.js\webpack.config.js' config [webpack-cli] Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'terser-webpack-plugin' imported from C:\Users\Jayen Malla\Desktop\transformers.js\webpack

Comment

// PATH
const path = require("path");
const SRC_DIR = path.resolve(__dirname, "./src");
const DIST_DIR = path.resolve(__dirname, "./dist");

// PLUGIN
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

// OTHER ! TODO: const devMode = process.env.NODE_ENV !== 'production';...
let mode = "development";
/**
 * ! Fix for:
 * ! [webpack v5] Error: Universal Chunk Loading is not implemented yet #11660
 * ! https://github.com/webpack/webpack/issues/11660
 * ! chunkLoading: false,
 * ! wasmLoading: false,
 */
var target = "web";

if (process.env.NODE_ENV === "production") {
    mode = "production";
}

module.exports = {
    mode: mode,

    entry: {
        index: SRC_DIR + "/index.js",
    },

    output: {
        path: DIST_DIR,
        //assetModuleFilename: "images/[name][ext][query]",
        chunkLoading: false,
        wasmLoading: false,
    },

    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader",
                },
            },
            {
                // For pure CSS - /\.css$/i,
                // For Sass/SCSS - /\.((c|sa|sc)ss)$/i,
                // For Less - /\.((c|le)ss)$/i,
                test: /\.((c|sa|sc)ss)$/i,
                use: [
                    MiniCssExtractPlugin.loader,
                    "css-loader",
                    "postcss-loader",
                    "sass-loader",
                ],
            },
            /*{
                test: /\.(png|jpe?g|gif|svg|eot|ttf|woff|woff2)$/i,
                // More information here https://webpack.js.org/guides/asset-modules/
                type: "asset",
            },*/
        ],
    },

    devtool: "source-map",

    target: target,

    devServer: {
        contentBase: "./dist",
        hot: true,
    },

    plugins: [
        // Automatically remove all unused webpack assets on rebuild
        // default: true
        new CleanWebpackPlugin({ cleanStaleWebpackAssets: false }),
        /*new CleanWebpackPlugin(),*/
        new MiniCssExtractPlugin(),
        new HtmlWebpackPlugin({
            template: SRC_DIR + "/index.html",
        }),
    ],
};

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: config find-package javascript load

Link to this answer
Share Copy Link

Contributed on Oct 11 2023

Jayen M. Thakuri

0 Answers Avg Quality 2/10

[webpack-cli] Failed to load 'C:\Users\Jayen Malla\Desktop\transformers.js\webpack.config.js' config [webpack-cli] Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'terser-webpack-plugin' imported from C:\Users\Jayen Malla\Desktop\transformers.js\webpack

Contents

More Related Answers

[webpack-cli] Failed to load 'C:\Users\Jayen Malla\Desktop\transformers.js\webpack.config.js' config [webpack-cli] Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'terser-webpack-plugin' imported from C:\Users\Jayen Malla\Desktop\transformers.js\webpack

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.