Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: ics-creative/170330_webpack
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 3.x
Choose a base ref
...
head repository: ics-creative/170330_webpack
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: master
Choose a head ref

Commits on Feb 25, 2018

  1. webpack 3.x→4.0

    ics-ikeda committed Feb 25, 2018
    Copy the full SHA
    1bd7c8c View commit details
  2. webpack 3.x→4.0

    ics-ikeda committed Feb 25, 2018
    Copy the full SHA
    46aeed5 View commit details
  3. babel: webpack 3.x => 4.0

    ics-ikeda committed Feb 25, 2018
    Copy the full SHA
    e0c854f View commit details
  4. Copy the full SHA
    ae26cce View commit details

Commits on Feb 26, 2018

  1. Copy the full SHA
    51ba54d View commit details
  2. babel: webpack 3.x => 4.0

    ics-ikeda committed Feb 26, 2018
    Copy the full SHA
    c5849b1 View commit details
  3. Copy the full SHA
    d021120 View commit details
  4. Copy the full SHA
    98f34c0 View commit details
  5. Copy the full SHA
    fb8003c View commit details
  6. Copy the full SHA
    4b7b1a4 View commit details
  7. Copy the full SHA
    862d572 View commit details
  8. Copy the full SHA
    936d9c9 View commit details
  9. Copy the full SHA
    04276d3 View commit details
  10. Copy the full SHA
    4a96507 View commit details
  11. Copy the full SHA
    4a33919 View commit details
  12. Copy the full SHA
    3a0d30c View commit details
  13. Copy the full SHA
    cd35293 View commit details

Commits on Feb 27, 2018

  1. Copy the full SHA
    79ecb47 View commit details
  2. Copy the full SHA
    e39d0a8 View commit details
  3. Copy the full SHA
    892e803 View commit details
  4. Merge branch 'master' of https://github.com/ics-creative/170330_webpack

    # Conflicts:
    #	tutorial-typescript/dist/main.js
    ics-ikeda committed Feb 27, 2018
    Copy the full SHA
    688f06c View commit details
  5. js : npm scriptsを修正

    ics-ikeda committed Feb 27, 2018
    Copy the full SHA
    437d1a5 View commit details
  6. フォルダーの整理

    ics-ikeda committed Feb 27, 2018
    Copy the full SHA
    744a679 View commit details

Commits on Feb 28, 2018

  1. Copy the full SHA
    89580ff View commit details
  2. Copy the full SHA
    f1c995d View commit details
  3. Copy the full SHA
    5c40375 View commit details

Commits on Mar 4, 2018

  1. Copy the full SHA
    31a7bbc View commit details
  2. Copy the full SHA
    85411ff View commit details
  3. Copy the full SHA
    3381a3f View commit details

Commits on Mar 5, 2018

  1. Copy the full SHA
    3e7c35c View commit details
  2. Copy the full SHA
    2fd9c91 View commit details
  3. Copy the full SHA
    95f8bc4 View commit details
  4. Copy the full SHA
    a593a57 View commit details

Commits on Mar 6, 2018

  1. Copy the full SHA
    e3e5e60 View commit details

Commits on Mar 7, 2018

  1. Copy the full SHA
    bd2c589 View commit details
  2. Copy the full SHA
    5fae398 View commit details

Commits on Mar 8, 2018

  1. Copy the full SHA
    b1aae86 View commit details

Commits on Mar 9, 2018

  1. Copy the full SHA
    02a4011 View commit details

Commits on Mar 12, 2018

  1. Copy the full SHA
    180d359 View commit details

Commits on Mar 14, 2018

  1. Update README.md

    ics-ikeda authored Mar 14, 2018
    Copy the full SHA
    3965cbb View commit details

Commits on Mar 15, 2018

  1. Copy the full SHA
    ab90cce View commit details
  2. Copy the full SHA
    f9e22de View commit details
  3. Copy the full SHA
    dae0764 View commit details
  4. Copy the full SHA
    288bdfc View commit details

Commits on Mar 19, 2018

  1. Copy the full SHA
    2c8e3a2 View commit details
  2. Copy the full SHA
    4983e27 View commit details
  3. Copy the full SHA
    6acf325 View commit details

Commits on Mar 20, 2018

  1. Copy the full SHA
    295dd25 View commit details

Commits on Mar 23, 2018

  1. Update README.md

    ics-ikeda authored Mar 23, 2018
    Copy the full SHA
    3babf55 View commit details

Commits on Mar 29, 2018

  1. TypeScript 2.7→2.8

    ics-ikeda committed Mar 29, 2018
    Copy the full SHA
    3ca4444 View commit details
Showing 387 changed files with 7,248 additions and 300,789 deletions.
8 changes: 8 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,10 +1,18 @@
node_modules
.idea
.vscode

.DS_Store
Thumb.db

package-lock.json
yarn.lock
yarn-error.log

/tutorial-babel-rxjs/build/*.js.map
/tutorial-typescript-rxjs/build/*.js.map

/tutorial-bootstrap/dist/main.js.map
/tutorial-bootstrap/dist/style.css.map
.history
/tutorial-babel-esnext/dist/main.js.map
17 changes: 15 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,16 @@
# 170330_webpack
# 最新版で学ぶwebpack入門

ICS MEDIA「[JS開発で人気のWebpackとは!? 5分でわかる入門記事](https://ics.media/entry/12140)」で紹介したデモコードです。
ICS MEDIA「[最新版で学ぶwebpack入門](https://ics.media/entry/12140/)」のサンプルコード集です。ReactやBabelなど30以上の構成のサンプルを用意しています。

各フォルダーの構成は常に最新を保っているので、安心して参照してください。

### 連載記事一覧

- 導入編
- [最新版で学ぶwebpack入門 \- ICS MEDIA](https://ics.media/entry/12140/)
- ECMAScript 2015+編
- [webpack+BabelでES2020環境の構築 \- ICS MEDIA](https://ics.media/entry/16028/)
- [webpack+TypeScriptの環境構築 \- ICS MEDIA](https://ics.media/entry/16329/)
- スタイルシート編
- [スタイルシート\(CSSやSass\)を取り込む方法 \- ICS MEDIA](https://ics.media/entry/17376/)
- [Bootstrapをバンドルする方法 \- ICS MEDIA](https://ics.media/entry/17749/)
44 changes: 44 additions & 0 deletions _tools/check.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
# 更新したいプロジェクトフォルダーを定義
declare -a array=(
"tutorial-babel"
"tutorial-babel-esnext"
"tutorial-babel-gsap"
"tutorial-babel-jquery"
"tutorial-babel-pixijs"
"tutorial-babel-react"
"tutorial-babel-rxjs6"
"tutorial-babel-three"
"tutorial-babel-vue"
"tutorial-bootstrap-min"
"tutorial-bootstrap-style"
"tutorial-bootstrap-style-js"
"tutorial-chunk"
"tutorial-css"
"tutorial-css-extract-plugin"
"tutorial-css-extract-plugin-dev-server"
"tutorial-js"
"tutorial-optimize"
"tutorial-optimize-aggressive"
"tutorial-sass"
"tutorial-sass-extract-plugin"
"tutorial-sass-image-file"
"tutorial-sass-image-url"
"tutorial-sass-image-url-limit"
"tutorial-sass-postcss"
"tutorial-typescript"
"tutorial-typescript-babylonjs"
"tutorial-typescript-gsap"
"tutorial-typescript-react"
"tutorial-typescript-three"
"tutorial-typescript-urlloader"
"tutorial-typescript-vue"
"tutorial-webpack-dev-server"
)

# とりあえず階層を潜っておく
cd ../

# 配列をまとめて実行
for e in ${array[@]}; do
open ./${e}/dist/index.html
done
12 changes: 12 additions & 0 deletions _tools/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
{
"name": "_tools",
"version": "1.0.0",
"private": true,
"license": "MIT",
"devDependencies": {
"prettier": "^2.6.2"
},
"scripts": {
"format": "prettier --write '../*/src/*.{js,ts}' && prettier --write '../*/webpack.config.js'"
}
}
45 changes: 45 additions & 0 deletions _tools/update.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# 更新したいプロジェクトフォルダーを定義
declare -a array=(
"tutorial-babel"
"tutorial-babel-esnext"
"tutorial-babel-gsap"
"tutorial-babel-jquery"
"tutorial-babel-pixijs"
"tutorial-babel-react"
"tutorial-babel-rxjs6"
"tutorial-babel-three"
"tutorial-babel-vue"
"tutorial-bootstrap-min"
"tutorial-bootstrap-style"
"tutorial-bootstrap-style-js"
"tutorial-chunk"
"tutorial-css"
"tutorial-css-extract-plugin"
"tutorial-css-extract-plugin-dev-server"
"tutorial-js"
"tutorial-optimize"
"tutorial-optimize-aggressive"
"tutorial-sass"
"tutorial-sass-extract-plugin"
"tutorial-sass-image-file"
"tutorial-sass-image-url"
"tutorial-sass-image-url-limit"
"tutorial-sass-postcss"
"tutorial-typescript"
"tutorial-typescript-babylonjs"
"tutorial-typescript-gsap"
"tutorial-typescript-pixijs"
"tutorial-typescript-react"
"tutorial-typescript-three"
"tutorial-typescript-urlloader"
"tutorial-typescript-vue"
"tutorial-webpack-dev-server"
)

# とりあえず階層を潜っておく
cd ../${array[0]}

# 配列をまとめて実行
for e in ${array[@]}; do
cd ../${e} && ncu -u && yarn install && yarn upgrade && yarn run build
done
44 changes: 44 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
{
"private": true,
"dependencies": {

},
"workspaces": [
"tutorial-babel",
"tutorial-babel-esnext",
"tutorial-babel-gsap",
"tutorial-babel-jquery",
"tutorial-babel-pixijs",
"tutorial-babel-react",
"tutorial-babel-rxjs6",
"tutorial-babel-three",
"tutorial-babel-vue",
"tutorial-bootstrap-min",
"tutorial-bootstrap-style",
"tutorial-bootstrap-style-js",
"tutorial-chunk",
"tutorial-css",
"tutorial-css-extract-plugin",
"tutorial-css-extract-plugin-dev-server",
"tutorial-js",
"tutorial-optimize",
"tutorial-optimize-aggressive",
"tutorial-sass",
"tutorial-sass-extract-plugin",
"tutorial-sass-image-file",
"tutorial-sass-image-url",
"tutorial-sass-image-url-limit",
"tutorial-sass-postcss",
"tutorial-typescript",
"tutorial-typescript-babylonjs",
"tutorial-typescript-gsap",
"tutorial-typescript-pixijs",
"tutorial-typescript-react",
"tutorial-typescript-three",
"tutorial-typescript-three-es5",
"tutorial-typescript-urlloader",
"tutorial-typescript-vue",
"tutorial-webpack-dev-server",
"_tools"
]
}
Loading