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

ConfigurandoWebpack opara WebpackLaravel mix

~~Para~~O ~~usar~~uso odo ~~webpack,~~webpack ~~primeiramente~~pode ~~deve~~ser ~~instalar~~um ~~sua~~pouco ~~biblioteca~~problemático nopor ~~projeto,~~conta ~~parar~~do ~~isso~~numero ~~roda~~de omódulos ~~seguinte~~a ~~comando:~~

serem

compilado.

Com isso ~~crie~~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 ~~arquivo~~pacote ~~com~~como ~~seguinte~~dependência ~~nome:~~de ~~webpack.config.js~~,desenvolvimento ~~com~~no ~~isso~~projeto:

~~siga~~

Após fazer a ~~seguinte~~instalação, ~~estrutura:~~basta criar um arquivo webpack.mix.js, e referenciar a pasta que está o javascript:

Após

configurado, basta implementar dentro do package.json:

Benefícios

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

Manutenibilidade: Ao utilizar umo ~~módulo~~laravel ~~para~~mix, ~~cada~~permite ~~necessidade,~~uma ~~fica~~implementação mais ~~fácil~~rápida ~~manter~~e assertiva, sem necessitar saber a fundo sobre o ~~projeto pois está concentrado em um único lugar, e caso tenha um bug é mais tranquilo de saber o erro;~~webpack;
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.