-
1. 本地開發(fā)環(huán)境
$?cnpm?install?-D?webpack-dev-server
2. 熱更新、自動打開瀏覽器
devServer:{ ????contentBase:?"/dist", ????open:?true }3. package.json
"scripts":{ ????"start"?:?"webpack-dev-server" }4. 啟動
$?npm?start
查看全部 -
plugins：[ ????new?HtmlWebpackPlugin({ ????????template:?"./src/index.html" ????}), ????new?CleanWebpackPlugin() ]查看全部 -
object-fit：cover 可以視頻拉伸
查看全部 -
css-loader 中 options:{modules: true} 可以模塊化 css，防止 css 變量污染
查看全部 -
解析順序從右往左，從下到上：
{ ????test:/\.css$/, ????use:['style-loader','css-loader'] }查看全部 -
不壓縮打包后的代碼，webpack配置文件：
mode:"development"
查看全部 -
use 配置中 先執(zhí)行后邊的 在執(zhí)行前邊的
查看全部 -
webpack的模板html生成配置 生成前清理配置 結構飲用查看全部
-
css在ts中使用d.ts聲明文件寫法(同目錄)：
declare const styles: {
????readonly "popup": string;
????readonly "popuTitle": string;
}
export default styles;
查看全部 -
TS 大型項目
后期維護成本大于開發(fā)成本
查看全部 -
webpack的loader是從右向左執(zhí)行的，解析css文件時，先執(zhí)行css-loader再執(zhí)行style-loader。
loader順序不能顛倒，只有通過
css-loader處理css后才能通過style-loader生成<style></style>標簽。css-loader：加載.css文件style-loader：使用<style>將css-loader內(nèi)部樣式注入到我們的HTML頁面
查看全部 -
$】紀委查看全部
-
好課程查看全部
-
https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0https://github.com/pycaret/pycaret/releases/tag/2.0查看全部
-
記筆記查看全部
舉報
0/150
提交
取消