個人vue.config.js模板


自己常用的vue.config.js模板

const path = require('path')
const debug = process.env.NODE_ENV !== 'production'
//const VueConf = require('./src/assets/js/libs/vue_config_class')
//const vueConf = new VueConf(process.argv)



module.exports = {
    publicPath: '/', // 根域上下文目錄
    outputDir: 'dist', // 構(gòu)建輸出目錄
    assetsDir: 'assets', // 靜態(tài)資源目錄 (js, css, img, fonts)
    indexPath: 'index.html',
    // lintOnSave: true, // 是否開啟eslint保存檢測,有效值:ture | false | 'error'
    // runtimeCompiler: true, // 運行時版本是否需要編譯
    // transpileDependencies: [], // 默認babel-loader忽略mode_modules,這里可增加例外的依賴包名
    // productionSourceMap: false, // 是否在構(gòu)建生產(chǎn)包時生成 sourceMap 文件,false將提高構(gòu)建速度
    // productionSourceMap: true, // 是否在構(gòu)建生產(chǎn)包時生成 sourceMap 文件,false將提高構(gòu)建速度
    //     css: { // 配置高于chainWebpack中關(guān)于css loader的配置
    //     modules: true, // 是否開啟支持‘foo.module.css’樣式
    //     extract: true, // 是否使用css分離插件 ExtractTextPlugin,采用獨立樣式文件載入,不采用<style>方式內(nèi)聯(lián)至html文件中
    //     sourceMap: false, // 是否在構(gòu)建樣式地圖,false將提高構(gòu)建速度
    //     loaderOptions: { // css預(yù)設(shè)器配置項
    //         sass: {
    //             data: ''//`@import "@/assets/scss/mixin.scss";`
    //         }
    //     }
    // },
    // configureWebpack: config => { // webpack配置,值位對象時會合并配置,為方法時會改寫配置
    //     if (debug) { // 開發(fā)環(huán)境配置
    //         config.devtool = 'cheap-module-eval-source-map'
    //     } else { // 生產(chǎn)環(huán)境配置
    //     }
    //      Object.assign(config, { // 開發(fā)生產(chǎn)共同配置,配置別名
    //          resolve: {
    //              alias: {
    //                  '@': path.resolve(__dirname, './src'),
    //                  '@c': path.resolve(__dirname, './src/components'),
    //                 'vue$': 'vue/dist/vue.esm.js'
    //             }
    //         }
    //      })
    // },
    // chainWebpack: config => { // webpack鏈接API,用于生成和修改webapck配置,
    //     if (debug) {
    //         // 本地開發(fā)配置
    //     } else {
    //         // 生產(chǎn)開發(fā)配置
    //     }
    // },
    // parallel: require('os').cpus().length > 1, // 構(gòu)建時開啟多進程處理babel編譯
    // pluginOptions: { // 第三方插件配置
    // },
    // pwa: { // 單頁插件相關(guān)配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    // },
    devServer: {
        open: true,
        host: 'localhost',
        port: 80,
        // https: false,
        // hotOnly: false,
        // proxy: 'http://127.0.0.1:8080' // 配置跨域處理,只有一個代理
        proxy: { // 配置跨域
            '/api': {
          //要訪問的跨域的api的域名
                target: 'http://127.0.0.1:2233/api',
                ws: true,
                changOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },
        // before: app => { }
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

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