harshaktg

export const fetchTodos = () => {
    return fetch('https://jsonplaceholder.typicode.com/posts')
        .then(response => response.json())
        .then(json => json);
}

harshaktg

module.exports = {
    optimization: {
        splitChunks: { chunks: "all" }
    }
};

harshaktg

"scripts": {
  "dev": "webpack --mode development",
  "start": "webpack-dev-server --mode development --open",
  "build": "webpack --mode production"
}

harshaktg

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader']

harshaktg

{
    "presets": ["@babel/preset-env"]   
}

harshaktg

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader']

harshaktg

$primary-bg: aqua;

body {
    background-color: $primary-bg;
}

harshaktg

module.exports = {
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }
        ]
    }
};

harshaktg

import './styles.css';
console.log('Im from source!');

harshaktg

module.exports = {
  module: {
    rules: [
      {
        test: /\.filename1$/,
        use: ["loader-b", "loader-a"]
      },
      {
        test: /\.filename2$/,
        use: ["loader-d", "loader-c"]