File tree Expand file tree Collapse file tree 1 file changed +6
-6
lines changed Expand file tree Collapse file tree 1 file changed +6
-6
lines changed Original file line number Diff line number Diff line change 26
26
* [ Bundling] ( #bundling )
27
27
* [ Loaders] ( #loaders )
28
28
* [ Plugins] ( #plugins )
29
- * [ 你的設定檔案 ] ( #你的設定檔案 )
29
+ * [ 你的 webpack 設定檔案 ] ( #你的-webpack-設定檔案 )
30
30
* [ 一個簡單的範例] ( #一個簡單的範例 )
31
31
* [ 介紹 Plugins] ( #介紹-plugins )
32
32
* [ 一個更完整的範例] ( #一個更完整的範例 )
41
41
42
42
因為每個 react 或 redux 教學課程都假設你知道什麼是 webpack。:cry :
43
43
44
- 以下這些是更現實的原因,你可能需要使用 webpack。
44
+ 以下這些是更現實的原因,你可能會需要使用 webpack。
45
45
46
46
你可以:
47
- * Bundle 你的 js 檔案變成單一的檔案
47
+ * 將你的 js 檔案 Bundle 變成單一的檔案
48
48
* 在你的前端程式碼中使用 npm packages
49
49
* 撰寫 JavaScript ES6 或 ES7(需要透過 babel 來幫助)
50
50
* Minify 或優化程式碼
55
55
56
56
##### 為什麼我需要這些功能?
57
57
58
- * Bundle JS 檔案 - 讓你可以撰寫模組化的 JavaScript,但是你不需要 inclue 每個 JavaScript ` <script> ` 的檔案(如果你需要多個 JavaScript 檔案可以透過設定來完成)。
58
+ * Bundle JS 檔案 - 讓你可以撰寫模組化的 JavaScript,但是你不需要 include 每個 JavaScript ` <script> ` 的檔案(如果你需要多個 JavaScript 檔案可以透過設定來完成)。
59
59
60
60
* 在你的前端程式碼中使用 npm packages - npm 在 internet 上是一個大型的 open source 生態系統。可以儲存或發佈你的程式碼,你可以到 npm 看一看,可能包含你想要的前端套件。
61
61
62
- * ES6 和 ES7 - 加入一些 JavaScript 的新功能,讓撰寫程式碼可以更強大更容易 ,[ 請看這裡的介紹] ( https://github.com/DrkSephy/es6-cheatsheet ) 。
62
+ * ES6 和 ES7 - 加入一些 JavaScript 的新功能,讓撰寫程式碼可以更容易而且更強大 ,[ 請看這裡的介紹] ( https://github.com/DrkSephy/es6-cheatsheet ) 。
63
63
64
- * Minify 或優化程式碼 - 減少你所分配的檔案大小 ,好處包括像是更快的將頁面載入。
64
+ * Minify 或優化程式碼 - 減少你的檔案大小 ,好處包括像是更快的將頁面載入。
65
65
66
66
* 將 LESS 或 SCSS 轉換成 CSS - 使用更好的方式來撰寫 CSS,
67
67
[ 如果你不熟悉的話,這裡有一些介紹] ( http://alistapart.com/article/why-sass ) 。
You can’t perform that action at this time.
0 commit comments