###### <p style="text-align: right"> 建立日期：2021-02-12 / 更新日期：2021-03-05</p>

# vue.config.js

###### tags: `Vue.js` `Vue CLI`

const webpack = require('webpack');

module.exports = {
  // 部署 Vue 專案至 GitHub Pages
  publicPath: process.env.NODE_ENV === 'production'
    ? '/farm-stay/' // publicPath，Github Repositories 名稱
    : '/',
  
  // 設定網頁 Title
  chainWebpack: (config) => {
    config
      .plugin('html')
      .tap((args) => {
        args[0].title = '來到農村住一晚'
        return args
      })
  },
  
  // 使用 jQuery
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'windows.jQuery': 'jquery'
      })
    ]
  },
  
  // 引入 SCSS
  css: {
    loaderOptions: {
      scss: {
        additionalData: '@import "~@/assets/style/common.scss";@import "bootstrap/scss/bootstrap";',
      },
    },
  },
};