webpabe的使用小結

1. 前端的工程化工具

gulp

webpack 【 主流 】

2. webpack.config.js配置

專案： 優先找本地  ----》 全域性

3.概念：

webpack是一種靜態編譯工具(預編譯)

入口檔案、出口、轉換器、外掛程式

webpack–打包

development： 開發環境

production； 生產環境

webpack  --mode development  會自動找src/index.js 到 dist/main.js

要求設定開發模式|生產模式

webpack 入口位址 --mode development  指定出口

webpack aa/index.js --mode development  bb/index.js  自定義

#####； 1. 單頁面

- 入口檔案

entry: 相對路徑

- 出口檔案

- 配置hash

output:

- 轉換器： 將某一型別的檔案轉成另乙個型別檔案的乙個工具，我們常用loader來表示

- 舉例： css檔案
- 所有的loader用乙個module的配置項表示

module:

//每乙個物件表示乙個型別檔案的轉換器
]}

const path =

require
('path'
)module.exports =
path是出口的磁碟路徑，filename是出口目錄中的檔名稱
output:
}

多頁面寫法，例：

const path =

require
('path'
)module.exports =
,//出口檔案
//output:path是出口的磁碟路徑，filename是出口目錄中的檔名稱
output:
}

http-server / server / webpack-dev-server 第三方服務包

需要自動重新整理： webserver 搭建前端開發伺服器

cnpm install webpack-dev-server -g | -d

引數:命令列

webpack-dev-server --port 8088 --open --mode development

寫到webpack.config.js配置檔案:

devserver:

終端執行方式2: webpack-dev-server

把執行命令放到package.json檔案: devserver可以不要了

「scripts」:

終端: npm run dev

Repo 的使用小結

一 安裝 建立目錄和修改環境變數 mkdir bin path bin path curl bin repo chmod a x bin repo 二 幫助 repo help查詢具體命令的幫助 repo helprepo 倉庫狀態 repo help init狀態 repo status 三 初始...

Linux tee 的使用小結

linux tee 命令用於讀取標準輸入的資料，並將其內容輸出成檔案。tee 指令會從標準輸入裝置讀取資料，將其內容輸出到標準輸出裝置，同時儲存成檔案。我們多用來進行日誌的儲存。用下面的 test.sh 可執行檔案來進行演示。root localhost cat test.sh usr bin ba...

EmitMapper的使用小結

最近公司開發專案前端使用乙個js框架，後端使用ef，js前台讀取的json採用實體的dto來進行生成。1.普通的對映。public class userinfo public string name public string address public class userinfodto pub...