时间戳

首页 > 解决方案 > 在 webpack.config.js 中编写加载程序是否有特定的顺序

javascript - 在 webpack.config.js 中编写加载程序是否有特定的顺序

问题描述

我正在关注 Udemy 上的 Webpack 教程，非常兴奋并在导师之前输入了“使用”数组。这是我输入的方式......但没有得到输出。

  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          { loader: "sass-loader" },
          { loader: "css-loader" },
          { loader: "style-loader" },
        ],
      },
      
    ],
  },

我找不到我哪里出错了，但后来当输入导师没有破坏构建的方式时。这是正确的代码..

  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          { loader: "style-loader" },
          { loader: "css-loader" },
          { loader: "sass-loader" },
        ],
    ],
  },

那么先输入sass-loader再输入style-loader是不是错了。

标签： javascriptwebpacksass

解决方案

装载机从下到上进行评估。在您的情况下，您希望确保在将样式添加到 DOM 之前，将 sass 代码转换为标准 css，并正确解析规则url()。import()所以是的，在这种情况下，顺序很重要。

推荐阅读