史上最詳細webpack講解

webpack是前端方面的靜態資源打包工具,能夠讓瀏覽器也支援模組化,他會根據模組的依賴關係進行靜態分析,然後按照某種規則生成靜態資源

安裝webpack

安裝webpack

npm install -g webpack
或者 安裝最新版webpack 
npm install -g webpack@

如果安裝的是web pack4以上的版本,還需要安裝webpack-cli

npm install -g webpack-cli

可以通過npm root -g檢視全域性安裝目錄

安裝style-loader和css-loader依賴

npm install -d style-loader css-loader

修改webpack.config.js

const path = require("path");

module.exports = ,
module: ]}
}

安裝file-loader依賴

npm install -d file-loader

修改webpack.config.js

const path = require("path");

module.exports = ,
module: ,]}
}

安裝外掛程式

npm install -d html-webpack-plugin

修改webpack.config.js

plugins: [

new htmlwebpackplugin()
]

修改index.html檔案

//不需要再引入

npm install -d babel-loader @babel/core @babel/preset-env

module: }}

]}

const a=1;

const arr = [1,2,3];
arr.foreach(item=>)

proxy字段

基本字段

scripts欄位

dependencies欄位, devdependencies

bin欄位

用來指定內部可以執行檔案的位置

}

main欄位

repository欄位

「repository」: ,

「author」: 「mayuan」,
「license」: 「isc」,
「bugs」: 

《C語言結構體史上最詳細的講解》

我們知道，在c語言中有一些基本的資料型別，如 結構體的宣告語法如下 struct structure tag 結構體的標籤 one or more structure variables 乙個或多個結構體變數的定義 結構體標籤 structure tag 是可選的，但是推薦還是寫上，這樣使得 更加規...

webpack4 x最詳細使用講解二

六 外掛程式 plugins 外掛程式 plugins 是用來拓展webpack功能的，它們會在整個構建過程中生效，執行相關的任務。loaders和plugins常常被弄混，但是他們其實是完全不同的東西，可以這麼來說，loaders是在打包構建過程中用來處理原始檔的 jsx，scss，less.一次...

史上最詳細https配置

https不僅僅是安全的一種體現，更是一種裝逼體現，然而網上的https配置大全沒有乙個靠譜的，關鍵是他們配置https怎麼就不知道截圖了？第一步 獲取https證書 然後有個免費申請網域名稱的入口，企鵝說免費應該是免費的 進入這個入口 然後我們選擇圖上型別的證書，有效期1年 自己玩，如果企業證書的...