vue常用中vue.config.js配置

module.exports = {
    // publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/',

    //基本路徑
    publicPath: './', //默認的'/'是絕對路徑，如果不確定在根路徑，改成相對路徑'./'
    // 輸出文件目錄
    outputDir: 'dist',
    assetsDir: 'static',
    indexPath: 'index.html',
    // eslint-loader 是否在保存的時候檢查
    lintOnSave: true,
    // 生產環境是否生成 sourceMap 文件
    productionSourceMap: false,
    // css相關配置
    css: {
        // 是否使用css分離插件 ExtractTextPlugin
        extract: true,
        // 開啟 CSS source maps?
        sourceMap: false,
    },
    // webpack-dev-server 相關配置
    devServer: {
        open: false, //open 在devServer啟動且第一次構建完成時，自動用我們的系統的默認瀏覽器去打開要開發的網頁
        host: '0.0.0.0', //默認是 localhost。如果你希望服務器外部可訪問，指定如下 host: '0.0.0.0'，設置之后之后可以訪問ip地址
        port: 8080,
        hot: true, //hot配置是否啟用模塊的熱替換功能，devServer的默認行為是在發現源代碼被變更后，通過自動刷新整個頁面來做到事實預覽，開啟hot后，將在不刷新整個頁面的情況下通過新模塊替換老模塊來做到實時預覽。
        https: false,
        hotOnly: false, // hot 和 hotOnly 的區別是在某些模塊不支持熱更新的情況下，前者會自動刷新頁面，后者不會刷新頁面，而是在控制台輸出熱更新失敗
        // proxy: {
        //     '/': {
        //         target: 'http://xxxx:8080', //目標接口域名
        //         secure: false, //false為http訪問，true為https訪問
        //         changeOrigin: true, //是否跨域
        //         pathRewrite: {
        //             '^/': '/' //重寫接口
        //         }
        //     }
        // }, // 設置代理
        before: app => {}
    },
    // 第三方插件配置
    pluginOptions: {
        // ...
    }
};