Please enable JavaScript.

Coggle requires JavaScript to display documents.

webpack (CORE (Entry (input of our app (used parts analyzed, dependency…

- - - - used parts analyzed
      - dependency graph built
      - transformed into bundles
  - - - Webpack only understands
        
        js modules
        
        Other formats
        
        processed and converted to
        
        JSON
      - tool for transformation
    - - test
        
        what to transform?
        
        { test: /\.txt$/, ...
        
        match all txt files
        
        if found in require() or import
      - use
        
        what loader to use
        for transformation
        
        , use: 'raw-loader' }
        
        use this loader
    - - don't use "" or '' for regex
  - - - performing "management"
        
        bundle optimazation
        
        management of assets
        
        png
        
        jpg
        
        svg
        
        envitonment vars injection
        
        list of functions
    - - steps
        
        require()
        
        add to plugins array using new
  - - - environment specific optimazation
        
        environments
        
        'development'
        
        'production
        
        none
        
        built in
        
        default = 'production'
    - - mode: 'production'
  - - - IE9 above
- - - - now lives in node_modules
    - - build: "webpack"
  - - - npm run build
- - - - bundle
        
        set of files coupled together
    - - discrete chunk of code
      - one functionality
      - provide abstraction
      - webpack module
        
        supports multiple
        import require @import url() ...
        
        list of loaders
        
        for
        
        styling
        
        Linting
        
        Testing
        
        Frameworks
        
        Templating
        
        JSON
        
        Files
- - - - exchanges
      - removes modules
      - adds modules
      - no need for reload