webpack 5 basic dev configuration

The whistling wizard answered on December 17, 2023 Popularity 3/10 Helpfulness 1/10

answer webpack 5 basic dev configuration

webpack 5 basic dev configuration

Comment

const path = require('path');

module.exports = {
    mode: 'development',
    devtool: 'inline-source-map',
    entry: {
        template: path.resolve(__dirname, '<path-to-your-stylesheet>/template.scss'),
    },
    module: {
        rules: [
            {
                test: /\.scss$/,
                use: [
                    "style-loader",
                    {
                        loader: "css-loader",
                        options: { sourceMap: true },
                    },
                    {
                        loader: "sass-loader",
                        options: { sourceMap: true },
                    },
                ],
            },
        ],
    },
    devServer: {
        hot: true,
        port: 9001,
        allowedHosts: "all",
        headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
        }
    },
};

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.taniarascia.com

Tags: basic configuration javascript webpack-5

Link to this answer
Share Copy Link

Contributed on Dec 17 2023

The whistling wizard

0 Answers Avg Quality 2/10

webpack 5 basic dev configuration

Contents

More Related Answers

webpack 5 basic dev configuration

Grepper

Documentation

Social

Legal

Contact

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