Javascript Modules com C# e Laravel Mix

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

Justificativa

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.

NodeJs com Webpack

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

Configurando o Webpack

Para usar o webpack, primeiramente deve instalar sua biblioteca no projeto, parar isso roda o seguinte comando:

Com isso crie o arquivo com seguinte nome: webpack.config.js, com isso siga a seguinte estrutura:

Benefícios

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

Manutenibilidade: Ao utilizar um módulo para cada necessidade, fica mais fácil manter o projeto pois está concentrado em um único lugar, e caso tenha um bug é mais tranquilo de saber o erro;
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;

RESULTADOS

Um overview sobre Javascript Modules;
Verificar quais os benefícios;
Exemplificar a arquitetura.

Conclusão

Esse padrão de uso permite trabalhar de forma modular, dessa forma permite uma nova forma de pensar em Javascript. Isso permite usar os javascript de forma escalar, e deixa a aplicações mais robustas e manuteníveis. Mas para o uso desse formato é necessário reservar um tempo para estudo e implementação, pois para cada projeto é um caso de uso, mas posteriormente a isso segue de maneira tranquila.