Webpack配置Sass模块加载方法
想在 webpack 项目中使用 Sass 来编写样式，需要做的就是安装几个依赖包。最基本的就是安装sass-loader，它会将 Sass 编译成 CSS，但它本身还依赖于node-sass，所以别忘了一并安装。除此之外，css-loader和style-loader这两个加载器也必须加上，否则 CSS 就不会生效。安装命令简单，在项目目录下运行：
npm install --save-dev sass-loader node-sass css-loader style-loader如果你已经有了这些依赖，那就直接在
webpack.config.js中进行配置，指定 Sass 文件的规则。配置完成后，Sass 文件就能像普通 CSS 文件一样在 webpack 中了。简单吧？不过还是有一些坑需要注意，比如 Sass 的版本问题，推荐使用稳定的版本。你可以参考一下其他的文章，例如sass-loader：将 Sass 编译为 CSS，帮你更好地理解整个流程。
文件大小：37.57KB
评论区