Por que o webpack aparece?
As tecnologias de desenvolvimento de front-end são diversas e complexas, e diferentes especificações e formatos fazem com que o mecanismo de front-end não reconheça totalmente essas linguagens técnicas. Por exemplo: menos, texto datilografado, etc., você precisa convertê-lo manualmente para um idioma que o navegador possa reconhecer. Quando o projeto é grande, esse processamento manual se torna particularmente complicado. Para automatizar esse processo, surgiu o webpack.
O que é webpack?
O Webpack é uma ferramenta de empacotamento de módulos, responsável principalmente por analisar a estrutura do projeto, encontrar o idioma de origem, convertê-lo para o idioma de destino e outros formatos especificados. Solução modular.
Comparado com grunhido e gole?
Gulp pode otimizar o processo de desenvolvimento front-end, da maneira como funciona: em um arquivo de configuração, certos arquivos são semelhantes: etapas específicas de compilação, combinação, compressão e outras tarefas, e a ferramenta irá completá-lo automaticamente para você.
Como funciona o webpack: trate o projeto como um todo, comece a encontrar todos os arquivos dependentes de seu projeto através do arquivo de entrada index.js, use carregadores para processá-los e, finalmente, empacote-os em um ou mais arquivos js identificáveis. Pode lidar com diferentes tipos de arquivos.
Como usar?
Inicialização: npm init
安装 ： npm install -g webpack // npm install --save-dev webpack
Grave arquivos de configuração para obter automação: webpack.config.js
Executar comandos: npm run dev e assim por diante
。。。。