使用webpack转换sass文件后如何保持文件路径？

Question

我只想从gulp切换到webpack，但是遇到了问题。用gulp转换CSS文件非常容易，转换后的CSS文件的路径与源sass文件相同。但是在webpack中，sass文件全部导入到js文件中，而转换后的css文件捆绑在一个CSS文件中。如果我有多个CSS入口文件，而不同的页面需要不同的CSS文件，那么如何通过webpack达到此目标。

刺入gus中的CSS

gulp.task('sass', function() {
    return gulp.src(PATH.sources.scss)
            .pipe(sass())
            .pipe(gulp.dest(PATH.dist.css));
});

  

gulp很容易完成这项工作。