vue-cli3 vue.config.js 配置

// cli_api配置地址 https://cli.vuejs.org/zh/config/
module.exports = {
    baseUrl: './', // 部署應用包時的基本 URL
    outputDir: 'dist', // build 時生成的生產環境構建文件的目錄
    // assetsDir: '', // 放置生成的靜態資源 (js、css、img、fonts) 的 (相對於 outputDir 的) 目錄
    indexPath: 'index.html', // 指定生成的 index.html 的輸出路徑 (相對於 outputDir)
    filenameHashing: true, // 文件名哈希
    lintOnSave: true, // eslint-loader 是否在保存的時候檢查
    runtimeCompiler: true,// 設置為 true 后你就可以在 Vue 組件中使用 template 選項
    productionSourceMap: false,// 是否需要生產環境的 source map
    css: {
        sourceMap: false, // 是否為 CSS 開啟 source map
    },
    devServer: { // 所有 webpack-dev-server 的選項都支持
        hot: true, // 熱更新
        open: true,
        host: '0.0.0.0',
        port: 8888,
        https: false,
        hotOnly: false,
        // proxy: {}, // 跨域代理
    },
    parallel: require('os').cpus().length > 1, // 該選項在系統的 CPU 有多於一個內核時自動啟用，僅作用於生產構建
    pwa: {}, // PWA 插件相關配置 see => https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    pluginOptions: {}, // 第三方插件配置
    configureWebpack: {
        module: {
            rules: [ // 可在package.json 配置頂層 sideEffects: false
                {
                    test: /\.(js|jsx|vue)?$/,
                    sideEffects: false // false | [] -> []放置不清除副作用文件
                }
            ]
        },
        externals: { // 在這里配置后，減少了壓縮的包內容，需要在public/index.html通過cdn方式再引入,注意對應的版本
            vue: "Vue",
            vuex: "Vuex",
            "vue-router": "VueRouter",
            "element-ui": "ELEMENT"
        }
    }
}

轉載@:https://github.com/ZTrainWilliams/vue_cli3.0.5