Introdução e instalação do webpack

1. Introdução ao webpack

1. O que é webpack?

Essencialmente, o webpack é um empacotador de módulo estático para aplicativos JavaScript modernos. Quando o webpack
processa um aplicativo, ele cria recursivamente um
gráfico de dependência ( gráfico de dependência ) que contém todos os módulos de que o aplicativo precisa e, em seguida, empacota todos esses módulos em um ou mais pacotes.

2. Função do Webpack

1. Pacote (empacote vários arquivos em um arquivo js para reduzir a pressão do servidor e a largura de banda)
2. A conversão (como menos sass ts) requer carregador
3. Otimização (o SPA está cada vez mais popular, os projetos de front-end são altamente responsáveis ​​e o webpack pode otimizar os projetos)

3. Composição do webpack

1. Entrada
2. Exportar
3. Carregadores de conversor
4. Plugins
5. Servidor de desenvolvimento
6. devServer
7. Modo

Veja o site oficial para conceitos específicos

Dois, instalação do webpack

前提条件：Certifique-se de que o computador antes de instalar o webpack no node.js já instalado, caso não esteja instalado pode ir para o site oficial para fazer o download

1. Instalação global

 npm install --global webpack

2. Instalação local

npm install --save-dev webpack

Se você estiver usando a versão webpack 4+, também precisará instalar o CLI.

npm install --save-dev webpack-cli

3. Instale uma versão específica

npm install --save-dev webpack@<version>

npm install --save-dev
abreviatura: npm install -D é
instalado apenas no ambiente de desenvolvimento, não no ambiente de produção
·
npm install --save
abreviação: npm install -S
é instalado nos ambientes de desenvolvimento e produção

Grupo QQ de troca de tecnologia de front-end da web: 327814892