[Dúvida] fazer Build apenas em arquivos editados no projeto

Olá, Isaac!

Em projetos com React.js e Node.js, o processo de build geralmente envolve a criação de um pacote de arquivos otimizados e minificados que são usados em produção. No entanto, quando você faz uma alteração em um arquivo, não é necessário (nem recomendado) fazer o build de todo o projeto novamente.

O que você pode fazer é usar ferramentas como o Webpack, que é um empacotador de módulos para aplicações JavaScript modernas. Quando o Webpack processa sua aplicação, ele cria internamente um gráfico de dependência que mapeia todos os módulos de que seu projeto precisa e gera um ou mais pacotes.

Configurando corretamente o Webpack, ele é capaz de identificar as alterações feitas em seus arquivos e fazer o build apenas dos módulos alterados, isso é conhecido como "Hot Module Replacement" ou HMR.

Aqui está um exemplo de como você pode configurar o HMR no seu arquivo webpack.config.js:

const webpack = require('webpack');

module.exports = {
  entry: {
    app: './src/index.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: './dist',
    hot: true
  },
  output: {
    filename: '[name].bundle.js',
    path: path.resolve(__dirname, 'dist'),
    clean: true
  },
};

Nesse exemplo, sempre que você fizer uma alteração em um arquivo, o Webpack irá apenas fazer o build desse arquivo e atualizar o pacote correspondente.

Espero ter ajudado e bons estudos!