使用scss文件时Vue“未找到这些相关模块”

Question

我想做的是，我想使用的SCSS文件提供的主题在VUE。所以我的app.vue组件非常简单：

<template>
  <div id="app">

  </div>
</template>

<style lang="scss">
  @import "@/assets/base.scss";
</style>

null

null

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('fonts')
      .test(/\.(ttf|otf|eot|woff|woff2)$/)
      .use('file-loader')
      .loader('file-loader')
      .tap(options => {
        options = {
          name: '@/assets/[path][name].[ext]'
        }
        return options
      })
      .end()
}

Answer 1

import theme from '@/assets/base.scss'
Vue.use(theme)