-
小伙伴們，大家好，針對老師的視頻教程，我整理了一份完整的源碼，源碼還有詳細的注釋和筆記,供大家學習時參考。
GitHub下載地址：https://github.com/Jasonccj/vue-webpack-todo
查看全部 -
為什么要把第三方類庫和業務邏輯代碼分離打包？
如果把業務邏輯代碼和第三類庫打包到一起，整個類庫代碼就需要隨著業務代碼的更新而更新，這樣類庫代碼就不能在瀏覽器里進行緩存。為了盡可能的使用瀏覽器緩存來減少服務器流量，以及用戶加載速度更快，所以單獨拆分出來進行打包
查看全部 -
hash 指所有的js文件都是一個hash值
chunkhash 指從js中分離出來的類庫與js業務邏輯代碼的hash不同
為什么要分離出來呢？高效的利用瀏覽器緩存，如果不分離每次修改業務邏輯代碼導致js類庫也會更新一次，效率低
查看全部 -
dev server配置講的很贊，webpack4中設置devserver之后不走output，dist保存在內存中，想生成的話切回生產環境
查看全部 -
starterkit,best查看全部
-
數據在哪聲明就在哪操作數據，一般都在頂層操作查看全部
-
vue工程的搭建
?npm init
1、npm i webpack vue vue-loader
2、npm i css-loader vue-template-compiler
3、新建src目錄并在src下新建app.vue
4、在app.vue中編寫vue組件
5、在根目錄下新建webpack.config.js
查看全部 -
數據聲明要放在頂層vue中查看全部
-
環境優化：
webpack 配置下面
target 設置webpack運行環境
安裝 corss-env （避免了不同版本設置的不童命令）
pack.jon
添加scrpts中對應的參數
build : "corss-env NODE_ENV=production(自己起個名) webpack --config webpack.config.js "
dev "orss-env NODE_ENV=development自己起個名) webpack --config webpack.config.js"
定好變量判斷開發環境
下面執行環境中的一些設定
值為 localhost 內網和本機
0.0.0.0 優勢，本機、內網 、ip、手機
定義通用的環境變量，讓webpack區別執行開發得到更多信息，生產環境更快
查看全部 -
css預處理器
loader 處理圖片
css loader處理器
查看全部 -
利用loader將小圖片變成js代碼
重新定義文件內容
查看全部 -
hot=true可以實現局部刷新查看全部
-
html-web-plugin查看全部
-
小伙伴們，大家好，針對老師的視頻教程，我整理了一份完整的源碼，源碼還有詳細的注釋和筆記,供大家學習時參考。
GitHub下載地址：https://github.com/Jasonccj/vue-webpack-todo
查看全部 -
1. 項目初始化 npm init，創建package.json 2. 安裝vue，vue-loader查看全部
舉報