Skip to content

openyshev/learn-webpack

Repository files navigation

Выполненные шаги:

  • npm init
  • npm i -s webpack webpack-cli
  • touch app.js greet.js webpack.config.js
  • в package.json добавлены скрипты build и start:
"build": "./node_modules/.bin/webpack -c webpack.config.js",
"start": "node ./dist/main.js"
  • npm i -s raw-loader
  • touch texts.txt
  • npm i -s file-loader
  • добавлен файл cat.jpeg
  • touch index.html
  • npm i -s url-loader
  • добавлен файл dog.png
  • npm i -s babel-loader @babel/core @babel/preset-env
  • npm i -s typescript ts-loader
  • touch tsconfig.json greeter.ts
  • npm i -s html-loader
  • touch content.html
  • npm i -s css-loader
  • touch style.css
  • npm i -s style-loader
  • npm i -s postcss-loader autoprefixer
  • touch postcss.config.js
  • npm i -s sass-loader node-sass
  • touch content.sass
  • npm i -s mini-css-extract-plugin
  • npm i -s html-webpack-plugin
  • npm i -s terser-webpack-plugin optimize-css-assets-webpack-plugin
  • npm i -s @babel/preset-typescript
  • npm i -s fork-ts-checker-webpack-plugin

Скрипты:

  • npm run build запускает сборку
  • npm start запускает js-bundle через node.js