webpack - 如何仅针对 SASS 到 CSS 配置 WebPack

标签 webpack webpack-style-loader

我对 WebPack 很菜鸟

我尝试找到最简单的配置代码来使用它来将 sass 文件转换为 css 文件

有人可以给我一个样本吗?

最佳答案

获取sass-loader

然后将其添加到您的配置中

  module: {
    loaders: [
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      }
    ]
  }

之后,您可以像这样要求您的 scss 文件

require("./styles.scss").

关于webpack - 如何仅针对 SASS 到 CSS 配置 WebPack,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40524736/

相关文章:

css - webpack 可以在不复制所需文件的情况下捆绑 css/scss/less 吗?

javascript - AWS Amplify 入门教程中使用 JavaScript 的 Webpack 服务器无法工作

javascript - 使用 Vue webpack 模板的环境独立构建

javascript - 在 webpack.config.js 中定义 css 文件

webpack - 将 WebPack 的 css-loader 与 UglifyJS 插件一起使用时,CSS 关键帧动画损坏

reactjs - 窗口未定义(webpack 和reactJS)

node.js - webpack css-loader 在外部样式表的 url() 引用中找不到图像

Laravel 混合版本控制不会删除旧的构建文件

css - 用于 css 和 scss 的 Webpack 加载器

Webpack,提取文本插件以及图片和字体资源的相对路径