todo專案總結

2022-05-02 17:09:10 字數 1249 閱讀 5426

vue+webpack專案工程配置

1、vue-loader+webpack專案配置

2、webpack配置專案載入各種靜態資源

3、webpack-dev-server的配置和使用

安裝:package.json修改

webpack.config.js修改

熱載入:

hot:true

new  hotreplacementplugin()

增加一些避免不必要的錯誤資訊顯示的外掛程式,不重要

重新啟動:npm run dev

hot載入方法因為vue-loader裡已經提供了。

但是因為開發使用vue框架和es6的方式,瀏覽器編譯後,**是編譯後的**,無法看懂,為了方便除錯,使用sourcemap將編譯後的**和自己寫的**做出對映,使得在瀏覽器除錯時直接看到自己寫的**。

sourcemap:

config.devtool=『#cheap-module-eval-source-map』

配置vue的jsx寫法以及postcss

1、配置檔案及外掛程式安裝

建立postcss.config.js:

autoprofixer:自動新增css瀏覽器字首

外掛程式安裝

.babelrc:用於vue支援jsx

preset env

babel-plugin-transform-vue-jsx轉化vue裡的jsx的程式碼

在webpack.config.js增加

和}//加快效率

webpack配置css單獨分離打包:

plugin:extract-text-webpack-plugin:用於打包非js的內容單獨打包成乙個靜態檔案

針對不同環境處理.stylus

相關外掛程式安裝

hash和chunkhash的區別

以上是js裡的css分離,下面是vue

webpack區分打包類庫程式碼:

類庫程式碼:vue框架及第三方包

類庫程式碼和業務程式碼分離打包:混在一起,每次業務程式碼修改,js裡的所有程式碼也要跟著業務程式碼更新而更新,

區分打包vuek框架程式碼:

修改正式環境裡的entry

增加外掛程式:

new webpack.optimize.commonschunkplugin()

區分打包webpack程式碼:

new webpack.optimize.commonschunkplugin()

hash和chunkhash的區別:

必備技巧TODO

todo 顧名思義代辦的意思,去做,也就是需要做的事情。一般表示待完成,待解決的部分。在我們做開發的時候會經常做很多的注釋也標記呀,方便之後檢視修改維護,但是如果當 很多的時候,這個時候找到相應的功能是非常不便利的,所有todo就能實現相應的方法。我電腦上的pycharm只能這樣新增todo標記 3...

long sql優化例項 todo

create table hbt messageflow id int 11 not null auto increment,shopid int 11 default null,receive varchar 50 not null comment 接收方 configid int 11 defa...

樹鏈剖分的一些總結(TO DO)

樹鏈剖分的核心思想就是將乙個樹上問題轉化為鏈上問題,然後就可以用線段樹解決啦。這裡有乙個重鏈和輕鏈的概念。找到每個節點的重兒子作為他的son存下來。將每個點和他的重兒子們作為一條鏈搞下去。include using namespace std const int maxn 400005 int n,...