giorgiotempesta

giorgiotempesta

Front End Developer at Pixartprinting

Member Since 1 Year Ago

Treviso

Experience Points
4,850
Total
Experience

150 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed
48
Lessons
Completed
Best Reply Awards
0
Best Reply
Awards
  • start your engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-in-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • evangelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

Level 1
4,850 XP
Sep
24
1 month ago
Activity icon

Replied to Laravel Mix Common Chunk And Vendor Chunk

Taking some information from this SO answer https://stackoverflow.com/questions/50937643/exclude-certain-module-from-a-chunk-webpack-4 and from this GitHub repo https://github.com/thatisuday/webpack-scp-demo, I've find a solution for my case, and I think your solution should be something like this:

  • remove the call to extract('vue')
  • update webpackConfig as follows:
mix.webpackConfig({
    optimization: {
        // this comes from the .extract() method we are commenting out
        runtimeChunk: {
            name: '/js/manifest',
        },
        splitChunks: {
            cacheGroups: {
                default: false, // disable default groups
                vendors: false, // disable vendors group
                // vendor chunk
                vendor: {
                    // name, chunk and test must be at the same level
                    name: 'js/vendor',
                    chunks: 'all',
                    test(module/* , chunk */) {
                        if (module.context) {
			    // if this condition doesn't work try console.log on all module.context
                            return module.context.includes('node_modules/vue');
                        }
                        return false;
                    },
                },
                // common chunk
                commons: {
                    name: 'commons',
                    minChunks: 2,
                    chunks: 'all',
                    reuseExistingChunk: true,
                    enforce: true,
                    filename: 'js/commons.js',
                }
            },
        },
    },
}); 
Sep
23
1 month ago
Activity icon

Replied to Laravel Mix Common Chunk And Vendor Chunk

The CommonsChunkPlugin plugin is deprecated in favor of the optimization field.

By logging the webpackConfig method in the Extract.js component in Laravel Mix, I came up with this configuration which I'm trying to edit:

.webpackConfig({
  output: {
  // output part which I have edited for other purposes
  },
  optimization: {
    runtimeChunk: { name: '/js/manifest' },
    splitChunks: {
      cacheGroups: {},
      chunks: 'all',
      name: '/js/vendor',
    },
  },
})
Aug
11
2 months ago
Activity icon

Replied to Vue Components With Different Templates

I need to use a different template while keeping the same logic, so I have removed the template from the original component and created two new components that extend the first one, each one with only a template tag (besides the name and the extends properties which reside in the script tag): this allows for a great flexibility.

Here is an example:

Base Component

<script>
export default {
    name: 'ProductConfiguration',
    computed: {
        // computed...
    },
    methods: {
        // methods...
    },
    // ...other properties
};
</script>
<style lang="scss" scoped>
    /* you can include styles here or in the extended component */
</style>

Extended component

<template>
    <div>
        <!-- here you define a template -->
    </div>
</template>
<script>
import ProductConfiguration from '../ProductConfiguration.vue';

export default {
    name: 'ProductLayout',
    extends: ProductConfiguration,
    // nothing else is needed here
};
</script>
<style lang="scss" scoped>
    /* you can include styles here or in the base component */
</style>

If you need a different template (or as many as you want) you just need to create another component that extends the Base Component.