vue.config.js常用配置

2018-08-16 記錄


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 = {
    baseUrl: './', //vueConf.baseUrl, // 根域上下文目錄
    outputDir: 'dist', // 構(gòu)建輸出目錄
    assetsDir: 'assets', // 靜態(tài)資源目錄 (js, css, img, fonts)
    lintOnSave: true, // 是否開啟eslint保存檢測(cè),有效值:ture | false | 'error'
    runtimeCompiler: true, // 運(yùn)行時(shí)版本是否需要編譯
    transpileDependencies: [], // 默認(rèn)babel-loader忽略mode_modules,這里可增加例外的依賴包名
    productionSourceMap: false, // 是否在構(gòu)建生產(chǎn)包時(shí)生成 sourceMap 文件,false將提高構(gòu)建速度
    css: { // 配置高于chainWebpack中關(guān)于css loader的配置
        // modules: true, // 是否開啟支持‘foo.module.css’樣式
        // extract: true, // 是否使用css分離插件 ExtractTextPlugin,采用獨(dú)立樣式文件載入,不采用<style>方式內(nèi)聯(lián)至html文件中
        sourceMap: false, // 是否在構(gòu)建樣式地圖,false將提高構(gòu)建速度
        loaderOptions: { // css預(yù)設(shè)器配置項(xiàng)
            sass: {
                data: ''//`@import "@/assets/scss/mixin.scss";`
            }
        }
    },
    parallel: require('os').cpus().length > 1, // 構(gòu)建時(shí)開啟多進(jìn)程處理babel編譯
    pluginOptions: { // 第三方插件配置
    },
    pwa: { // 單頁插件相關(guān)配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    },
    devServer: {
        open: true,
        host: '0.0.0.0',
        port: 8080,
        https: false,
        hotOnly: false,
        proxy: null,
        // proxy: {
        //     '/api': {
        //         target: '<url>',
        //         ws: true,
        //         changOrigin: true
        //     }
        // },
        before: app => {}
    }
}

最后編輯于
?著作權(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)容