webpack學習02 專案中常用的包

1、css編譯使用的包

css-loader //載入.css檔案

style-loader //使用style標籤將css-loader內部樣式注入到我們的html頁面

html-loader //載入html檔案 }

extract-loader //將此檔案和bundle.js區分開來

file-loader //起名字使用

首先需要在html-loader中宣告

file-loader 將放置在某個資料夾中 並起名字

或者url-loader }

babel-preset-env

5、cross-env

在package.json檔案設定變數：

「scripts」: ,

const isdev=process.env.node_env === 「development」

new webpack.defineplugin(

}),

html-webpack-plugin 引入此外掛程式將自動生成乙個html頁面 將打包好的bundle.js引入

vueloaderplugin() 外掛程式 **： const = require(『vue-loader』)

config.devtool =」#cheap-module-eval-source-map」 //除錯

config.devserver =,

open:true, //直接開啟頁面

// historyfallback:,

hot:true //改變頁面只載入本模組內容

} config.plugins.push(

new webpack.hotmodulereplacementplugin(),

new webpack.noemitonerrorsplugin()

)

專案中常用的註解

data 應用場景 實體類不用手動新增get set 方法 匯入 idea中需要新增lombok外掛程式 noargsconstructor 自動生成無引數建構函式。allargsconstructor 自動生成全引數建構函式。select 和 selectprovider的區別 select 後直...

專案中常用的linux命令

1.du sm sort n 把當前目錄下的檔案 或目錄 按大小排序,看下哪個地方占用最多 2.pwd 獲取當前目錄路徑 3.tail f file path 顯示檔案最後幾行內容 若檔案內容變動，會動態更新後面幾行 4.pgrep process name 獲取程序id 5.ps ef grep ...

專案中常用的git指令

1.新建乙個本地分支並切換到新建的那個分支 git checkout b 新分支名 2.從乙個分支切換到另乙個分支 git checkout 分支名3.將 恢復到最近的一次commit 時候的狀態 git stash4.將 從最近的一次commit的狀態恢復到最新的進度 git stash pop5...