真正需要修改的不多,簡(jiǎn)單的項(xiàng)目,大部分配置都默認(rèn)好了,不需要修改,
publicPath,assetsDir,productionSourceMap,css{sourceMap},還有devServer改下就行了
想看屬性介紹的,可以看官網(wǎng)或者這篇文章
我貼一個(gè)簡(jiǎn)單的
module.exports = {
// publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/',
//基本路徑
publicPath: './',//默認(rèn)的'/'是絕對(duì)路徑,如果不確定在根路徑,改成相對(duì)路徑'./'
// 輸出文件目錄
outputDir: 'dist',
assetsDir:'static',
indexPath:'index.html',
// eslint-loader 是否在保存的時(shí)候檢查
lintOnSave: true,
// 生產(chǎn)環(huán)境是否生成 sourceMap 文件
productionSourceMap: false,
// css相關(guān)配置
css: {
// 是否使用css分離插件 ExtractTextPlugin
extract: true,
// 開啟 CSS source maps?
sourceMap: false,
},
// webpack-dev-server 相關(guān)配置
devServer: {
open: false,//open 在devServer啟動(dòng)且第一次構(gòu)建完成時(shí),自動(dòng)用我們的系統(tǒng)的默認(rèn)瀏覽器去打開要開發(fā)的網(wǎng)頁(yè)
host: '0.0.0.0',//默認(rèn)是 localhost。如果你希望服務(wù)器外部可訪問(wèn),指定如下 host: '0.0.0.0',設(shè)置之后之后可以訪問(wèn)ip地址
port: 8080,
hot:true,//hot配置是否啟用模塊的熱替換功能,devServer的默認(rèn)行為是在發(fā)現(xiàn)源代碼被變更后,通過(guò)自動(dòng)刷新整個(gè)頁(yè)面來(lái)做到事實(shí)預(yù)覽,開啟hot后,將在不刷新整個(gè)頁(yè)面的情況下通過(guò)新模塊替換老模塊來(lái)做到實(shí)時(shí)預(yù)覽。
https: false,
hotOnly: false,// hot 和 hotOnly 的區(qū)別是在某些模塊不支持熱更新的情況下,前者會(huì)自動(dòng)刷新頁(yè)面,后者不會(huì)刷新頁(yè)面,而是在控制臺(tái)輸出熱更新失敗
proxy: {
'/': {
target: 'http://xxxx:8080', //目標(biāo)接口域名
secure: false, //false為http訪問(wèn),true為https訪問(wèn)
changeOrigin: true, //是否跨域
pathRewrite: {
'^/': '/' //重寫接口
}
}
}, // 設(shè)置代理
before: app => {}
},
// 第三方插件配置
pluginOptions: {
// ...
}
};