- npm init -y
- create webpack.config.js
- npm install webpack webpack-cli --save-dev
-
add module.exports = {}
add plugins: https://webpack.js.org/plugins/html-webpack-plugin
- npm install --save-dev html-webpack-plugin
- npm install copy-webpack-plugin --save-dev
- npm install --save-dev clean-webpack-plugin (https://www.npmjs.com/package/clean-webpack-plugin)
- npm install --save-dev mini-css-extract-plugin
add loaders: https://webpack.js.org/loaders/
- npm install sass-loader sass webpack --save-dev (https://webpack.js.org/loaders/sass-loader)
- npm install --save-dev css-loader (https://webpack.js.org/loaders/css-loader/)
add babel: https://babeljs.io/setup#installation
- npm install --save-dev babel-loader @babel/core
- npm install @babel/preset-env --save-dev
-
add env: npm install --save-dev cross-env
add Dev-server: (https://webpack.js.org/configuration/dev-server/) -> https://github.com/webpack/webpack-dev-server
- npm install webpack-dev-server --save-dev
- npm install --save @babel/polyfill
- npm install --save-dev eslint eslint-loader babel-eslint
- npm install --save-dev eslint-config-google
- npm install --save normalize.css (https://github.com/necolas/normalize.css/)