jorgep0496/webpack-configuration-project

Crear el archivo packeage.json ejecutando el siguiente comando:

$ npm init -y

Crear nuestro archivo de entrada

- src/index.js

Crear archivo de configuracion de webpack

- webpack.config.js

Instalar webpack y webpack-cli en desarrollo

$ npm i webpack webpack-cli --save-dev

Instalar html-webpack-plugin en desarrollo para combinar nuestros archivos con el index.html

$ npm i html-webpack-plugin --save-dev

Instalar clean-webpack-plugin en desarrollo para limpiar nuestros archivos de salida

$ npm i clean-webpack-plugin --save-dev

Instalar webserver para visualizar nuestro proyecto

$ npm i webpack-dev-server --save-dev

Instalar loaders para CSS, SASS, FILES, Minificador CSS

$ npm i css-loader style-loader sass sass-loader file-loader mini-css-extract-plugin --save-dev

Instalar jquery, popper.js, bootstrap and fontawesome

$ npm i jquery popper.js bootstrap @fortawesome/fontawesome-free --save

Instalar React y ReactDOM

$ npm i react react-dom babel-loader @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties --save-dev

Crear la carpeta ".babelrc" y definirle este objeto

{
    "presets": [],
    "plugins": []
}