javascript Основывебпак

Posted 2021-05-03

1. Создаем package.json использую команду 
npm init

2. Игонорим ненужное в .gitignore
dist
node_modules

3. index.js с кодом с ES6 кодом http://codepad.org/pz5ADcJh?

4. Ставим webpack 
npm i -D webpack webpack-cli

5. Добавляем конфиг webpack.config.js с кодом http://codepad.org/tcuVaWdf

6. Редачим в package.json в секцию scripts такую строчку
"build": "webpack-cli"

7. Ставим babel для поддержки ES6 кода
npm i -D @babel/core @babel/preset-env @babel/preset-react @babel/preset-stage-0 @babel/plugin-transform-runtime @babel/runtime babel-loader@8.0.0-beta.3 

8. добавить в папку файл .babelrc с кодом http://codepad.org/8Vm3PKCd

9. Компилим исходный код 
npm run build

10. Проверка
node ./dist/bundle.js