昨天有講到怎麼利用vue-router來設定路由了，

在開始切版之前，還需要先導入Vuetify套件

在 [Day 9] 前端環境建置 WebStorm、Vue 的時候，

有順便安裝Vuetify了，但是後來發現 vue add vuetify 是 vue-cli的安裝法

這邊要改成用 Webpack的方式來安裝

先來看這篇 Vuetify的官方安裝教學，需要先添加幾個依賴

yarn add vuetify
# 或
npm install vuetify

yarn add sass@~1.32 sass-loader deepmerge -D
# OR
npm install sass@~1.32 sass-loader deepmerge -D

執行完後，找一下webpack.config.js檔，貼上這段

// webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\\.s(c|a)ss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          {
            loader: 'sass-loader',
            // Requires sass-loader@^7.0.0
            options: {
              implementation: require('sass'),
              indentedSyntax: true // optional
            },
            // Requires >= sass-loader@^8.0.0
            options: {
              implementation: require('sass'),
              sassOptions: {
                indentedSyntax: true // optional
              },
            },
          },
        ],
      },
    ],
  }
}

BUT ! ! 我找了一下 沒看到 webpack.config.js 這個檔案

Untitled

我在估狗找了一下發現這篇，原因如下：