使用lite-server自動化靜態網頁開發

acrazing 發布于2019-08-22 10:46 / 1260人閱讀

摘要：進入項目根目錄，執行下列步驟安裝新建配置文件中可以指定監聽的端口號，指定要啟動的瀏覽器，是一個數組，可以添加多個瀏覽器指定要監視的文件在中添加啟動命令運行高級玩法刪除配置文件，新建文件，在這里你可以自定義的行為，在刷新的時候執

進入項目根目錄，執行下列步驟

安裝lite-server

npm install lite-server

新建配置文件bs-config.json

bs-config.json中可以：

指定監聽的端口號，

指定要啟動的瀏覽器，browser是一個數組，可以添加多個瀏覽器

指定要監視的文件

{
  "port":8084,
  "browser" : ["chrome"]
}

在package.json中添加啟動命令

  "scripts": {
    "start": "lite-server"
  },

運行

npm run start

高級玩法

刪除json配置文件，新建bs-config.js文件，在這里你可以自定義lite-server的行為，在刷新的時候執行各種回調函數，比如壓縮css，比如合并js等

"use strict";
module.exports = {
  "port":8084,
  "browser" : ["chrome"]
}

參考

https://www.npmjs.com/package...
https://scotch.io/tutorials/h...

GPU云服務器云服務器靜態網頁cdn直接可以使用靜態網頁cdn html靜態網頁靜態網頁托管騰訊云

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/91212.html

TypeScript極速完全入門-3ts結合react進行項目開發

摘要：前面我們已經說了大部分的核心內容，接下來我們就說說如何用開發實際項目。因為和結合很緊密，資料也很多，而且我會找機會專門說下這方面的知識，所以我們將重點放到如何用結合上來。所以前面打牢基礎，現在我們開始實際組建工作流。前面我們已經說了大部分typescript的核心內容，接下來我們就說說如何用typescript開發實際項目。因為angular和typescript結合很緊密，資料也...

arashicage 2019-08-22 16:45 評論0 收藏0
一步步教你開發、部署第一個去中心化應用(Dapp) - 寵物商店

摘要：本文首發于深入淺出區塊鏈社區原文鏈接一步步教你開發部署第一個去中心化應用寵物商店原文已更新，請讀者前往原文閱讀今天我們來編寫一個完整的去中心化區塊鏈應用本文可以和編寫智能合約結合起來看。本文首發于深入淺出區塊鏈社區原文鏈接:一步步教你開發、部署第一個去中心化應用(Dapp) - 寵物商店原文已更新，請讀者前往原文閱讀今天我們來編寫一個完整的去中心化（區塊鏈）應用（Dapps）, 本...

vibiu 2019-06-27 18:26 評論0 收藏0
從零開始構建 Wijmo & Angular 2 小應用

摘要：中秋之際，團隊發布正式版，當天宣布支持。其實從開始，到之后版本和版本，一直緊隨其后。現在就開始在中使用的第一個應用吧。這些警告表示包里沒有，這些僅僅用于一些包信息。好了，現在的準備工作已經完成了，您可以開始創建的應用了。中秋之際，Angular 團隊發布 Angular 2 正式版，Wijmo 當天宣布支持。其實從Angular Alpha開始，到之后 Beta版本和 RC 版本...

glumes 2019-08-20 12:08 評論0 收藏0
Java Python 和Nodejs在web開發方面的簡單比較

摘要：在做數據分析和人工智能方面也有很多可以直接使用的算法庫。各方面都能找到優秀的組件。但開發起來復雜一些，更適合有一定規模的團隊采用。對語言之間優勢這個問題，可以寫幾本書來具體闡述. 我嘗試簡單地說一點。不見得對，也不可能完整，僅供參考。互聯網興起,靜態頁面不能滿足復雜的交互需求. 出現了動態技術.史前時期動態Web 開發多采用CGI 技術來實現. CGI 將腳本作為單獨的進程運行, ...

Riddler 2019-08-15 18:04 評論0 收藏0