开发者社区> 问答> 正文

Webpack中如何处理Sass和Scss文件?

Webpack中如何处理Sass和Scss文件?

展开
收起
迪哒迪滴喵 2024-08-27 16:12:13 39 0
2 条回答
写回答
取消 提交回答
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    通过使用 sass-loader来编译处理
    https://webpack.docschina.org/loaders/sass-loader/

    image.png

    2024-08-27 21:12:11
    赞同 6 展开评论 打赏
  • 通过module.rules数组中的规则来处理Sass和Scss文件。使用MiniCssExtractPlugin.loader、css-loader和sass-loader。例如:

    { 
    test: /\.(sass|scss)$/, 
    use: [ 
    { 
    loader: MiniCssExtractPlugin.loader, 
    }, 
    { 
    loader: 'css-loader', 
    options: { 
    importLoaders: 2, 
    sourceMap: !!DEV, 
    }, 
    }, 
    { 
    loader: 'sass-loader', 
    options: { 
    sourceMap: !!DEV, 
    }, 
    }, 
    ], 
    }
    

    **

    2024-08-27 17:45:02
    赞同 8 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载