做個前後端網頁要用到的工具，似乎不少，精力有限，可能比較有用來記錄。
這篇：https://read01.com/JGNz7d.html 介紹的蠻不錯的。
概念1：build工具的兩大核心功能，就是「安裝vs做事」
安裝 ： Composer, Npm, Bower, Yarn 就是安裝環境、開發工具。
做事 ： Webpack, Gulp 幫忙自動化任務(task)、減少重工。
概念2：build工具的「祖宗」是Node和npm
這篇有在細說工具用途與教學： http://blog.kdchang.cc/2016/11/05/how-to-establish-modern-front-end-development-environment-tutorial/
挑幾個之前有用過但卻不熟悉的筆記一下：
@Composer PHP 套件管理工具，Laravel的開始就是這個。
官網：https://getcomposer.ycnets.com/
@Npm / Yarn 專門安裝模組、工具、管理的 yarn 速度比較快
有用到的套件會寫在 package.json
記得下指令安裝
$ npm install
@Bower 管理前端套件js, css
bower.json
可以設定 .bowerrc 更改 bower_components 的資料夾安裝位置
$ bower install
@Webpack 模組打包工具
@Gulp 前端任務工具自動化管理工具，可以執行一些打包，轉譯的工作。
$ gulp
前端工具整理篇：http://mgleon08.github.io/blog/2016/11/29/front-end-tools/
#web工具真的好多
#套件也一堆
#真的會瘋掉
#Laravel-elixir 好像也可以打包
#整個不知道該如何練習
這篇：https://read01.com/JGNz7d.html 介紹的蠻不錯的。
概念1：build工具的兩大核心功能，就是「安裝vs做事」
安裝 ： Composer, Npm, Bower, Yarn 就是安裝環境、開發工具。
做事 ： Webpack, Gulp 幫忙自動化任務(task)、減少重工。
概念2：build工具的「祖宗」是Node和npm
這篇有在細說工具用途與教學： http://blog.kdchang.cc/2016/11/05/how-to-establish-modern-front-end-development-environment-tutorial/
挑幾個之前有用過但卻不熟悉的筆記一下：
@Composer PHP 套件管理工具，Laravel的開始就是這個。
官網：https://getcomposer.ycnets.com/
@Npm / Yarn 專門安裝模組、工具、管理的 yarn 速度比較快
有用到的套件會寫在 package.json
記得下指令安裝
$ npm install
@Bower 管理前端套件js, css
bower.json
可以設定 .bowerrc 更改 bower_components 的資料夾安裝位置
$ bower install
@Webpack 模組打包工具
- 將 CSS、圖片與其他資源打包
- 打包之前預處理（Less、CoffeeScript、JSX、ES6 等）的檔案
- 依 entry 文件不同，把 .js 分拆為多個 .js 檔案
- 整合豐富的 Loader 可以使用（Webpack 本身僅能處理 JavaScript 模組，其餘檔案如：CSS、Image 需要載入不同 Loader 進行處理）
@Gulp 前端任務工具自動化管理工具，可以執行一些打包，轉譯的工作。
$ gulp
前端工具整理篇：http://mgleon08.github.io/blog/2016/11/29/front-end-tools/
#web工具真的好多
#套件也一堆
#真的會瘋掉
#Laravel-elixir 好像也可以打包
#整個不知道該如何練習
留言
張貼留言