vue-cli 如何使用scss

Question

安装 node-sass 报错

lang="scss"

报错

你们是怎么用的。

Answer 1

用cnpm淘宝镜像安装

Answer 2

你需要加载scss-loader

Answer 3

看下package是否有scss的依赖
有的话看下是否已安装

Answer 4

查看下对应的loader吧 我一开始也是这种问题

Answer 5

vue-cli不需要配置scss，你只需要直接安装

npm install sass-loader node-sass

Answer 6

其实楼主的问题是安装node-sass报错，如何解决。

Answer 7

先是全局安装scss,然后安装sass-loader。

Answer 8

找不到node-sass

Answer 9

先安装sass-loader

Answer 10

先用cnpm淘宝镜像安装

cnpm install sass-loader node-sass

在webpack.config.js中追加下面的代码片段

{
  test: /\.scss$/,
  include: [resolve('src'), resolve('test')],
  exclude: [/node_modules\/(?!(ng2-.+|ngx-.+))/],
  use: ExtractTextPlugin.extract({
      use: ['css-loader', 'sass-loader'],
      fallback: 'style-loader'
  })
}