Utilizando o terminal do windows
- cd ../ até sair da pasta atual
- cd nome_da_pasta
- yarn init na raiz do projeto (dá enter em todas as perguntas)
- yarn add @babel/cli
- yarn add @babel/preset-env
- cria o yarn.lock (cache do yarn) e o node_modules (arquivos de dependência). nunca mexe em nenhum dos dois.
- se for utilizar o git: cria um arquivo .gitignore e coloca a pasta node_modules/ dentro dele.
- configurando o babel: cria um arquivo na raiz do projeto chamado .babelrc. o babel vai transformar as features do ES6+ em uma sintaxe reconhecida por todos os navegadores.
- yarn add @babel/plugin-proposal-object-rest-spread
- { "presets": ["@babel/preset-env"], "plugins": ["@babel/plugin-proposal-object-rest-spread"] }
- cria o index.html e o main.js.
- no package.json, cria uma nova propriedade chamada "scripts": { "dev": "babel ./main.js -o ./bundle.js -w" } (formas de poder executar comandos pelo terminal. o -w vai fazer com o que o arquivo sempre seja salvo e já atualizado no bundle, não fazendo necessário digitar "yarn dev" o console toda vez que fizer alguma alteração.)
- yarn add @babel/core
- yarn dev
- pode adicionar quantos scripts quiser!!! chama sempre pelo nome, nesse caso o exemplo foi "dev".
jun 29 2019 ∞
jun 30 2019 +