vue2-webpack4-bulma-frontend

An opinionated project template for creating vue based frontends

Based on

• VueJS 2 https://vuejs.org/
• Vue Router https://router.vuejs.org/
• Bulma CSS https://bulma.io/
• Yarn PKG https://yarnpkg.com/
• Webpack 4 https://v4.webpack.js.org/
  • Clean Webpack Plugin https://github.com/johnagan/clean-webpack-plugin
  • HTML Webpack Plugin https://v4.webpack.js.org/plugins/html-webpack-plugin/
  • Mini CSS Extract Plugin https://v4.webpack.js.org/plugins/mini-css-extract-plugin/
  • Terser Webpack Plugin https://v4.webpack.js.org/plugins/html-webpack-plugin/
  • File Loader https://v4.webpack.js.org/loaders/file-loader/
  • PostCSS Loader https://v4.webpack.js.org/loaders/postcss-loader/
  • SASS Loader https://v4.webpack.js.org/loaders/sass-loader/
  • Vue Loader https://vue-loader.vuejs.org/
  • Webpack Bundle Analyzer https://github.com/webpack-contrib/webpack-bundle-analyzer
• PostCSS https://postcss.org/
• PurgeCSS https://purgecss.com/
• CSSNANO https://cssnano.co/

How to use

Install yarn

Install dependencies

yarn install

Start development mode

yarn run start-dev

Direct your browser to http://127.0.0.1:9000

Build production

yarn run build-prod
yarn run serve

Direct your browser to http://127.0.0.1:9000

TODO

• Tests