Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webpack勉強会 JavaScriptビルド編

Webpack勉強会 JavaScriptビルド編

6/9 にシーブレインで行った社内勉強会資料です。

tenkoma (Koji Tanaka)

July 14, 2016
Tweet

More Decks by tenkoma (Koji Tanaka)

Other Decks in Programming

Transcript

  1. webpack
    • Web

    View full-size slide


  2. • HTML/CSS/JavaScript →

    View full-size slide

  3. webpack ( )
    https://webpack.github.io/

    View full-size slide

  4. • (ES2015 )
    • (CommonJS )
    Webpack require / import
    1

    View full-size slide

  5. browserify, gulp/grunt
    • browserify…webpack
    JavaScript
    1 (
    ) webpack
    • gulp/grunt…

    View full-size slide

  6. • webpack.config.js
    • https://github.com/ruanyf/webpack-demos

    • Git clone

    View full-size slide

  7. React
    • ES2015, JSX

    – (sourcemap , ON)

    – ( , )

    View full-size slide