- Criado o arquivo package.json
- Adicionado a dependência do webpack em devDependencies
- Criado o arquivo webpack.config.js
- Compilar o projeto
npm start
- Executar o projeto
node dist/main.js
- Criado pasta modulos e dois módulos
- Ver como adicionar os módulos no radar do webpack
- Configurando a saída do webpack para dist/principal.js
- Compilar e executar o projeto
npm start && node dist/principal.js
- Adicionado loaders de css (style-loader e css-loader)
- Criado arquivo assets/estilo.css e adicionado import em principal.js
- Criado public/index.html fazendo referência para principal.js
- Configurado webpack para usar a pasta public como saída
- Depois de compilar, abra o arquivo public/index.html para testar
- Adicionado dependencia nova: mini-css-extract-plugin
- Informado o nome do arquivo css a ser gerado
- Comentado o módulo style-loader e adicionado o MiniCssExtractPlugin
- Ajuste na página index.html para referenciar o principal.css
- Depois de compilar, abra o arquivo public/index.html para testar
- Adicionado as dependências: node-sass e sass-loader
- Ajustado o teste da rule do css para tratar scss: '/.s?[ac]ss$/'
- Criado alguns scss de exemplo
- Incluído referência index.js da pasta assets no principal.js
- Depois de compilar, abra o arquivo public/index.html para testar
- Adicionado dependênica cross-env para executar scripts independente de SO
- Adicionado comando build nos scripts package.json
- Adicionado teste modoDev no webpack.config.js