vue.config.js簡(jiǎn)單配置

真正需要修改的不多,簡(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: {
        // ...
    }
};

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容