Выполненные шаги:
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