Please enable JavaScript.

Coggle requires JavaScript to display documents.

webpack 指南 (Core concepts (output (Code splitting (防止重复 (CommonsChunkPlugi…

- - - - 防止重复
        
        CommonsChunkPlugin
      - 动态导入
        
        import(/ webpackChunkName: "lodash" / 'lodash').then
    - - syntax-dynamic-import if Babel
      - const Foo = () => import('./Foo.vue')
    - - chunkhash
  - - - CSS/SCSS
        
        style-loader, css-loader
      - Images, font files,
        
        file-loader, url-loader
      - data files
        
        csv-loader, xml-loader
  - - - HtmlWebpackPlugin
        
        Add bundles.
        
        Replace variables
        
        Generate new index.html
      - CleanWebpackPlugin
        -- Clean before build