weaver-viii / webpack5-shablon Goto Github PK

In development mode asset/inline style In production mode asset/resource style

• added mini-css-extract-plugin
• added webpack.ProgressPlugin
• added loading fonts
• added eslint-webpack-plugin for development mode
• added folding resources to folders in the production mode
  • images
  • style
  • fonts
  • svg

• 2 config for development and production mode

  • npm run start - for development
  • npm run build - for production

• sass, css, postcss

• import img and svg files

• import fonts

• to package.json

  "sideEffects": false,

• to webpack.config.js

module: {
  optimization: {
    sideEffects: false,
  },
},

• Use ES2015 module syntax (i.e. import and export).

// ES2015(ES6) Sample of importing a specific dependency with tree shaking
import isArray from 'lodash/isArray'