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 最後的最後
|
|