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

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

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不行呢!)
我的目录结构
图片描述

我的报错
图片描述

阅读 3.1k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题