在vue-cli中引入scss,需要引入的那种方法

Question

先看下我怎么引得
首先我执行命令这个命令

cnpm install sass-loader node-sass vue-style-loader --D

然后我在
一个名为webpack.base.conf.js文件中
这样写

  resolve: {
    extensions: ['.js', '.vue', '.json', '.css'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },
  module: {
    rules: [
      {
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [resolve('src'), resolve('test')],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      }
      ]
      }

在main.js中的文件

import Vue from 'vue'
import App from './App'
import router from '@/router/index'
import '@/assets/css/inde' 
// 这个是scss

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App />',
  components: { App }
})

我是在inde.scss中引入了css和scss
(我怎么感觉在scss中引css和scss不行呢!)
我的目录结构

我的报错

Answer 1

其实提示很清楚了，你需要使用--save配置scss为生产环境下的依赖，这里你可以在package.json文件中添加模块到dependencies中。

你安装时候使用的--D 应该是想用-D或者说--save-dev吧？