YOTTA 線上課程 超越入門！Webpack 前端自動化開發 成智遠 Mike(資深前端工程師) 影音教學 中文發音 繁體中文字幕版(DVD版)
影片介紹:
內容說明:
課程類型:程式語言
課程內容:
Ch1 Webpack 的基本介紹
1 課程開始
2 什麼是Webpack？為什麼要用Webpack？
Ch2 開發前的準備
3 開發環境建置：VSCode + Nodejs + npm
Ch3 Webpack 基本設定
4 先來個HelloWord吧 - 1
5 先來個HelloWord吧 - 2
6 先來個HelloWord吧 - 3
7 Path 檔案路徑設定
8 npm scripts 的使用
9 環境變數 NODE_ENV 的概念與使用
10 永不停止的 Watch
11 Filename檔案名稱修正
Ch4 Webpack loader & Plugin
12 Webpack + CssLoader 讀取 CSS
13 獨立拆分css檔 - 1
14 獨立拆分css檔 - 2
15 PostCSS與autoprefixer CSS瀏覽器相容性
16 檔案搬移 FileLoader
17 編譯 Sass 與 SassLoader - 1
18 編譯 Sass 與 SassLoader - 2
19 本地開發測試Server啟動 Webpack-Dev-server
20 編譯 Js ES6/ES7/ES8 就靠Babel了! - 1
21 編譯 Js ES6/ES7/ES8 就靠Babel了! - 2
22 模組化 js 之 Import & Require 差別 - 1
23 模組化 js 之 Import & Require 差別 - 2
24 babel Proposal-class-properties - 1
25 babel Proposal-class-properties - 2
26 babel-polyfill - 1
27 babel-polyfill - 2
28 Resolve 設定跟副檔名說再見之踩雷須知 - 1
29 Resolve 設定跟副檔名說再見之踩雷須知 - 2
30 UrlLoader 轉 base64優化網頁圖片
31 Images-webpack-loader 優化網頁圖片
32 CopyWebpackPlugin 原封不動的移動
Ch5 Webpack 開發細節處理
33 全域共用的 ProvidePlugin
34 Html-Webpack-Plugin & entry自動注入
35 Pug 轉換 HTML 使用
36 Vendor.js 與 Entry.js
37 檔案打包與排除
38 local 連線 dev-server 的 host設定
Ch6 Webpack 建構框架
39 建構自己的 React 開發環境
40 建構自己的 Vue 開發環境
Ch7 課程總結
41 最後的最後
相關商品:
YOTTA 線上課程 JavaScript ＆ TweenMax 動態特效速成實戰(含教材)成智遠 Mike(資深前端工程師) 影音教學 中文發音 繁體中文字幕版(DVD版)
YOTTA 線上課程 夢想動畫｜Nuke 特效影像合成—用專案鏡頭帶你入門(含教材) 夢想動畫(台灣大型的動畫與視覺特效公司) 影音教學 中文發音 繁體中文字幕版(3DVD)
YOTTA 線上課程 輕鬆學生命靈數，秒懂人心 羅欽彥(寧靜森林工作室 負責人) 影音教學 中文發音 繁體中文字幕版(DVD版)
YOTTA 線上課程 【英文口語表達關鍵文法】日常溝通，文法只要會這些就夠了！(含教材)Yiling Chang 以琳老師(TOEIC推廣單位專案講師) 影音教學 中文發音 繁體中文字幕版(DVD版)
YOTTA 線上課程 療癒縫紉課｜學會 12 件寶寶小物(含教材)Kiwi/JUBABY小小日常(JUBABY工作室負責人) 影音教學 中文發音 繁體中文字幕版(DVD版)
