// vue.config.js 配置說明
//官方vue.config.js 參考文件 https://cli.vuejs.org/zh/config/#css-loaderoptions
// 這裡只列一部分，具體配置參考文件
const fs = require('fs')
module.exports = {
    // 部署生產環境和開發環境下的URL。
    // 預設情況下，Vue CLI 會假設你的應用是被部署在一個域名的根路徑上
    //例如 https://www.my-app.com/。如果應用被部署在一個子路徑上，你就需要用這個選項指定這個子路徑。例如，如果你的應用被部署在 https://www.my-app.com/my-app/，則設定 baseUrl 為 /my-app/。
 

    baseUrl: process.env.NODE_ENV === "production" ? "./" : "/",

    // outputDir: 在npm run build 或 yarn build 時 ，生成檔案的目錄名稱（要和baseUrl的生產環境路徑一致）
    outputDir: "dist",
    //用於放置生成的靜態資源 (js、css、img、fonts) 的；（專案打包之後，靜態資源會放在這個資料夾下）
    assetsDir: "assets",
    //指定生成的 index.html 的輸出路徑  (打包之後，改變系統預設的index.html的檔名)
 

    // indexPath: "myIndex.html",
    //預設情況下，生成的靜態資源在它們的檔名中包含了 hash 以便更好的控制快取。你可以通過將這個選項設為 false 來關閉檔名雜湊。(false的時候就是讓原來的檔名不改變)
    // filenameHashing: false,

    //   lintOnSave：{ type:Boolean default:true } 問你是否使用eslint
    lintOnSave: false,
    //如果你想要在生產構建時禁用 eslint-loader，你可以用如下配置
    // lintOnSave: process.env.NODE_ENV !== 'production',
 


    //是否使用包含執行時編譯器的 Vue 構建版本。設定為 true 後你就可以在 Vue 元件中使用 template 選項了，但是這會讓你的應用額外增加 10kb 左右。(預設false)
    // runtimeCompiler: false,

    /**
     * 如果你不需要生產環境的 source map，可以將其設定為 false 以加速生產環境構建。
     *  打包之後發現map檔案過大，專案檔案體積很大，設定為false就可以不輸出map檔案
     *  map檔案的作用在於：專案打包後，程式碼都是經過壓縮加密的，如果執行時報錯，輸出的錯誤資訊無法準確得知是哪裡的程式碼報錯。
     *  有了map就可以像未加密的程式碼一樣，準確的輸出是哪一行哪一列有錯。
     * */
    productionSourceMap: false,

    // 它支援webPack-dev-server的所有選項
    devServer: {
        // host: "localhost",
        //   port: 8080, // 埠號
        https: false, // https:{type:Boolean}
        open: false, //配置自動啟動瀏覽器
        // proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理

        // 配置多個代理
        //   proxy: {
        //     "/api": {
        //       target: "<url>",
        //       ws: true,
        //       changeOrigin: true
        //     },
        //     "/foo": {
        //       target: "<other_url>"
        //     }
        //   }
    },
    css: {
        loaderOptions: {
            // sass: {
	            // 全域性注入通用樣式
                // data: fs.readFileSync('./src/assets/variables.scss', 'utf-8')
            // }
        }
    },
};