vue中使用compass

Question

我在用Vue-cli 脚手架开发中，想使用compass作为css预编译器，
于是我做了如下操作：
npm install compass --save-dev
先安装compass的预编译器
然后在.vue文件中设置了 <style>设置了 lang属性 <style lang="scss">
scss可以正常使用，在使用@import "compass/css3"模块出现以下错误
请问该如何配置在vue中配置compass

Answer 1

其实你应该使用SASS作为css预编译器，因为compass只是基于SASS的一个框架。

npm install node-sass --save

可能需要手动下载sass-loader：npm install sass-loader --save

webpack配置sass相当简单了:

{
  test: /\.s[a|c]ss$/,
  loader: 'style!css!sass',
  include: [resolve('src'), resolve('test')]
}

Answer 2

刚碰到这个问题，不知道题主有木有解决。如果没有的话分享一篇我的文章，应该能解决在Vue中使用Compass