webpack4-boilerplate-kit's Introduction

Webpack 4 сборка

Для работы сборки, необходимо установить LTS версию NodeJS

Использование

Скачать репо как архив
Переименовать папку под свой проект
Запусить GitBash в корне проекта
Выполнить команду npm i
Ждать пока установятся все зависимости
В index.js есть пример как импортировать стили

Dev и Prod

npm run dev запускает режим разработки
npm run build запускает режим сборки в продакшн, создастся папка dist

Папки и файлы

src - тут лежат исходники
src/index.html - шаблон под результирующий html-файл, можно смело редактировать. В продакшене сюда автоматически добаввятся теги link и script для css и js
src/index.js - точка входа в приложение, сюда импортируем все остальное
dist - автоматически создастся в продакшене, тут будут готовые файлы

Сборка включает в себя:

"autoprefixer": "^8.6.4",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-preset-env": "^1.7.0",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
"cssnano": "^3.10.0",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"html-webpack-plugin": "^3.2.0",
"mini-css-extract-plugin": "^0.4.1",
"node-sass": "^4.9.0",
"postcss-cli": "^5.0.1",
"postcss-loader": "^2.1.5",
"sass-loader": "^7.0.3",
"style-loader": "^0.21.0",
"webpack": "^4.14.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4",

Recommend Projects