Ir para o conteúdo principal

Javascript Modules com C# e Laravel Mix

Data:

Autores:

  • Diretório

    doprojeto - Gitlab

    1. Objetivo

    Data de elaboração10/03/22

    2022
    Responsável pelo estudoVinicius da Rosa Pereira
    Equipe do estudoACDC, Vinicius da Rosa Pereira, Lucas da Silva AndradeAndrade, Elias Braga
    AlvoRegulariza Já
    Origem

    o que originou o estudo?

    • Reparo: Melhoria de uma tecnologia existente.

    Objetivo Visto que o AC/DC tem interesse em usar a estrutura de módulos javascript em futuros projetos e melhorar o uso de webpack, seguiremos o estudo segundo o User Story: "Eu ACDC, preciso viabilizar o uso de javascript module com laravel mix", ID: 501944309
    Observações

    Diretório do projeto - Gitlab

    2.1. Introdução

    Além de documentar para uso de futuros projetos, esse estudo é uma sugestão para ser usado como base para projeto que não possuem um padrão de uso do javascript.

    3.2. NodeJs com Webpack

    O uso do node js com webpack padrão está documentado em outro estudo

    3.2.1 Webpack para Laravel mix

    O uso do webpack pode ser um pouco problemático por conta do numero de módulos a serem compilado. Com isso vem a necessidade do Laravel mix, que possibilita com poucas linhas de código gerar esse código compilado.

    Sua implementação é mais fácil por conta do laravel mix abstrair sua implementação, inicialmente basta instalar o pacote como dependência de desenvolvimento no projeto:image-1646926107645.png

    Após fazer a instalação, basta criar um arquivo webpack.mix.js, e referenciar a pasta que está o javascript:image-1646928895287.png

    Após configurado, basta implementar dentro do package.json: 

    image-1646929669647.png

    4.3. Conclusão

    O uso do Laravel Mix acarreta em vários benefícios pois gera código interdependentes baseado em padrões, os mais importantes são:

    1. Manutenibilidade: Ao utilizar o laravel mix, permite uma implementação mais rápida e assertiva, sem necessitar saber a fundo sobre o webpack;
    2. Reusabilidade: Como é possível criar variáveis e funções globais para todo projeto, caso um modulo necessite usar, basta chamar, assim evita repetição de código; 
    5.4. Referências

    https://laravel-mix.com/docs/5.0/installation