webpack如何使用sass

Question

node-sass sass sass-loader install这三个还需要什么吗?

Answer 1

还需要 css-loader 和 style-loader，这样才能把 CSS 文本添加到 DOM 中

配置方式是：

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

Answer 2

楼上已经说了，配置也给了。
只需要在 js 文件里边导入 scss/sass 文件即可，例如：require('style.scss')。网页不需要 link 标签。
因为网页运行的时候会被插上 style 标签和样式内容。

Answer 3

module: {

loaders:[
 {
    //handle scss
    test: /\.(scss|sass)$/,
    loaders: ["style-loader", "css-loader", "sass-loader"]
  },
]

}