Como uma primeira abordagem para automatizar nossas tarefas,
vejamos o exemplo de uso de scripts NPM.
Na verdade, já tínhamos começado a usar scripts NPM neste curso nas lições anteriores.
Vamos rever rapidamente o nosso arquivo.json package.json para ver como usamos alguns
scripts NPM em nosso arquivo package.json para automatizar algumas tarefas.
Olhando para nosso arquivo package.json,
você vê que no arquivo package.json,
tínhamos esse objeto JSON chamado scripts.
Dentro dos scripts, tivemos essa propriedade chamada start que definimos aqui que
especificamos como NPM executar lite e também especificamos este lite como lite-server.
Então, você inicia seu desenvolvimento web.
Também iniciamos nosso servidor de lite-digitando no início do NPM no prompt.
Agora, o que isso nos permitiu é iniciar o lite-server em
nosso diretório de projeto e começar a salvar os arquivos do diretório, para
que possamos vê-lo em um navegador.
Achamos que esta é uma abordagem útil para poder assistir ao vivo
as mudanças que fazemos em nossos arquivos sendo refletidas imediatamente no navegador.
Agora, em outras tarefas que configuramos e usamos na lição anterior foi SCSS,
que é usado para transformar o código SCSS no código CSS correspondente.
Então, nós escrevemos esta citação unquote script NPM chamado como SCSS que executou o nó sass
procurando os arquivos SCSS
na pasta CSS e, em seguida, transformá-los no código CSS correspondente.
E para executar isso,
digitamos NPM executar SCSS no prompt de comando.
Então, já vimos que usamos alguns
scripts NPM para automatizar algumas tarefas durante nosso desenvolvimento web.
Então, para resumir, scripts NPM são suportados através
desta propriedade scripts no arquivo package.json como vimos no exemplo anterior.
Existem vários scripts que são suportados.
Um em particular que é de interesse para nós é o script de início, para
que você possa adicionar o tipo de prompt NPM start
e, em seguida, o script correspondente referido pelo início, será iniciado.
Agora, podemos definir scripts arbitrários
na propriedade scripts e, em seguida, executá-los dizendo NPM executar eo nome do script,
como você viu o uso de NPM executar SCSS ou NPM executar lite e assim por diante.
Nós vamos aproveitar isso para ser capaz de desenvolver alguns scripts adicionais que irão
automatizar muitas das tarefas que falamos na palestra anterior.
Então, para nos ajudar a entender como podemos aproveitar scripts NPM para
automatizar muitas de nossas tarefas de desenvolvimento web,
vamos aprender como configurar os scripts NPM no arquivo package.json
e, em seguida, executar os scripts,
às vezes automaticamente ou às vezes manualmente invocar
os scripts em ordem para fazer a construção e implantação do nosso site.