1. 程式人生 > >組件化開發--搭建

組件化開發--搭建

重用 clas art es2017 log 測試 http請求 rip 本質

前段工程化:
在前段開發的過程中,一些重復的工作由程序自動完成。在項目開發的過程中,css使用預處理器,js使用es6或者typescript或者coffeescript來開發
html使用模板語言開發,都需要進行編譯,在項目開發的時候,按照模塊化的思路進行拆分,但在上線的時候,為了提高運行的效率/性能,減少http請求,
需要對這些模塊進行拼接,壓縮等操作,測試。這些工作需要由工程化工具來完成,比如gulp的插件
前段組件化:
css組件化開發
js組件化開發
html組件化開發
組件的本質是分析項目的元素,盡可能實現頁面元素的重用。

利用的軟件是vs code,蘋果機

新建文件夾webstart

在終端控制臺進入文件,cd webstart

npm init -y (安裝package.json)

在webstart中創建文件夾src(編寫源代碼)和dist(生成編譯好的代碼)和gulpfile.js

在src和dist中分別創建一些文件(夾):

技術分享圖片

組件化開發--搭建