(vue)webpack配置檔案分離

2021-10-25 05:23:19 字數 1046 閱讀 5103

在開發活動中,開發中用到的外掛程式和發布時用到的外掛程式往往是不相同的,比如為了提高**的簡潔性,我們會在發布時,使用**醜化外掛程式將**壓縮;而在開發過程中,為了方便除錯,是採用格式化後的**。

因此配置檔案也是不相同的,這也是我們配置檔案分離的初衷。

npm install webpack-merge -d
//匯入path模組

const path=

require

('path'

)const

=require

('webpack'

)const vueloaderplugin =

require

('vue-loader/lib/plugin'

)const htmlwebpackplugin =

require

('html-webpack-plugin'

)module.exports=

,//打包規則

module:]}

,//外掛程式配置

plugins:

[new

vueloaderplugin()

,new

htmlwebpackplugin()

,new

bannerplugin

("黑鬍子大叔創作")]

, resolve:

}}

dev.config.js如下:

Vue webpack配置檔案

一 位址 github 二 配置說明 1 命令 1 npm i 安裝依賴包 2 num run dev 發布除錯環境 3 npm run bulid 發布線上環境 2 功能 1 處理vue檔案 2 處理js檔案 3 es6編譯 4 css處理 包括自動新增字首 5 處理 6 線上環境 檔案md5 h...

drbd配置檔案 drbd配置檔案

drbd配置檔案 vim usr local drbd etc drbd.d global common.conf global usage count yes 是否參加drbd使用者統計 common protocol c 使用drbd的第三種同步協議 disk 使用dpod功能保證在數 on i...

vue webpack 手機測試配置

1.開啟命令視窗 win r 輸入 config 按回車,檢視ipv4位址2.vue cli webpack模板 找到config資料夾下的index.js檔案,開啟後,將host的值改為我本地的ip,儲存後重啟專案 即 host localhost 更改為 host 192.168.43.201 ...