原创 Webpack4 配置 Externals
Externals 配置項用來告訴 Webpack 要構建的代碼中使用了哪些不用被打包的模塊，也就是說這些模版是外部環境提供的，Webpack 在打包時可以忽略它們。 1.有些 JavaScript 運行環境可能內置了一些全局變量
2019-09-05 16:55:25
原创 Webpack4 配置 Resolve
Webpack4 配置 Resolve Webpack在啓動後會從webpack.config.js 配置文件中的enter屬性指定的入口模塊出發找出所有依賴的模塊，Resolve 的作用就是：配置 Webpack 如何尋找模塊所
2019-07-30 06:47:32
原创 Webpack4 配置TS Loader
TypeScript 是 JavaScript 的一個超集，主要提供了類型檢查系統和對 ES6 語法的支持，但不支持新的 API。 目前沒有任何環境支持運行原生的 TypeScript 代碼，必須通過構建把它轉換成 JavaScr
2019-07-30 06:47:32
原创 Webpack4 配置JS Loader
1.ES6兼容介紹 ECMAScript 6.0 是2015年發佈的下一代 JavaScript 語言標準，它引入了新的語法和 API 來提升開發效率。 雖然目前部分瀏覽器和 Node.js 已經支持 ES6，但由於它們對 ES6
2019-07-30 06:47:32
3
原创 Webpack4 配置 Plugins
1.Webpack4 配置 Plugins Plugin 用於擴展 Webpack 功能，可以通過在構建流程裏注入鉤子實現，然而各種各樣的 Plugin 幾乎讓 Webpack 可以做任何構建相關的事情。 loader vs p
2019-07-30 06:47:32
原创 Webpack4 配置 scss Loader
1.配置 scss Loader SCSS 可以讓你用更靈活的方式寫 CSS。 它是一種 CSS 預處理器，語法和 CSS 相似，但加入了變量、邏輯、等編程元素。SCSS 又叫 SASS，區別在於 SASS 語法類似 Ruby，而
2019-07-18 05:48:46
原创 Wbpack4 配置 PostCss Loader
1.配置PostCss Loader PostCSS 也是一個CSS 預處理工具，和 SCSS 不同的地方在於它通過插件機制可以靈活的擴展其支持的特性，而不是像 SCSS 那樣語法是固定的。 PostCSS 的用處非常多，包括給
2019-07-18 05:48:46
1
原创 Webpack4 配置 Loader
1.Module module 配置如何處理模塊, 它的值是一個對象，常用的值有 noParse 和 rules 。其中 noParse 是用來指定哪些資源不需要解析，提高編譯性能；rules 是用來定義多個規則，這些規則用來匹配
2019-07-18 05:48:46
1
原创 Webpack4 配置 Output
Webpack4 配置 Output output 屬性告訴 webpack 在哪裏輸出它所創建的 bundles，以及如何命名這些文件，默認值爲 ./dist。基本上，整個應用程序結構，都會被編譯到你指定的輸出路徑的文件夾中。你
2019-07-18 05:48:46
原创 Webpack構建工具介紹
1.Webpack Webpack 是一個現代 JavaScript 應用程序靜態模塊打包工具(module bundler)，在 Webpack 裏一切文件皆模塊(例如：JavaScript、CSS、SCSS、圖片、模板，在 W
2019-07-13 16:34:54
原创 Nginx服務器進階
1.Nginx 動靜態資源分離 1.配置反向代理 1.基本的配置 # 修改配置文件需要重啓服務器 user liujun liu; worker_processes 1; events { worker_connectio
2018-10-27 01:42:52
原创 Nginx服務器簡單入門
1.Nginx 環境搭建 1.Mac下搭建 Nginx 1.brew 簡介 brew又叫Homebrew，是Mac中的一款軟件包管理工具，通過brew可以很方便的在Mac中安裝軟件或者是卸載軟件。一般Mac電腦會默認安裝有brew,
2018-10-27 01:42:52
原创 Redux的擴展-中間件
1.什麼是中間件？ 如果有學習過Node的Express框架的童孩應該對中間件不陌生。在Express框架中，中間件就是一個函數，這個函數是用來處理請求的過程的，那麼在Redux中的中間件也基本類似。Redux的中間件是專門用來處理dis
2018-08-29 03:20:39
2
原创 手寫精簡版的 Redux 狀態容器
1.Redux的簡單使用 如果下面的代碼看不懂，可以看前面的 Redux簡單入門 這篇博客。 /*==================action=====================*/ var add=(number)=>{
2018-08-29 03:20:39
原创 React + Redux實現計算案例
簡單的實現計算的案例: 案例代碼下載 地址 1.新建一個react項目 create-react-app react-redux-sample //使用create-react-app腳手架創建一個react項目 cd react
2018-08-29 03:20:39