在vue单页面应用当中使用sass

标签：webp   通过   webpack   pack   符号   配置   vue   node   不能   

之前在项目当中有使用过sass,但是使用的方式有点Low，是在vue文件当中的style下面通过@import的方式引入的。

其实在webpack当中也可以通过在main.js当中import "index.scss"  这种方式引入

需要的解析器，分别为style-loader css-loader sass-loader node-sass这几个

webpack当中配置

{
      test: /\.scss$/,
      loader: ‘style-loader!css-loader!sass-loader‘
}

注意style-loader!css-loader!sass-loader的顺序不能乱，要按照顺序来，否则会报错，另外也不能有多余的符号

在vue单页面应用当中使用sass

标签：webp   通过   webpack   pack   符号   配置   vue   node   不能   

原文地址：http://www.cnblogs.com/kugeliu/p/7058711.html