davidcostadev / webpack-boilerplate

Webpack Boilerplate

installation

1. npm install or yarn

How to use

as development

npm run dev or yarn dev

as production

npm run build or yarn build

Adding React

package react react-dom package dev @babel/preset-react

.babelrc

{
  "presets": ["@babel/preset-react"]
}

Adding CSS loader

package dev style-loader css-loader

build/webpack.base.js Remove comment of cssLoader

With StyledComponents

package styled-components

package dev babel-plugin-styled-components

.babelrc

{
  "plugins": [
    [
      "babel-plugin-styled-components",
      {
        "displayName": false
      }
    ]
  ]
}