javascript 带有sass的Webpack css模块

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 带有sass的Webpack css模块相关的知识,希望对你有一定的参考价值。

module.exports = {
  module: {
    rules: [
      {
        test: /\.scss$/,
        loaders: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: '[name]__[local]___[hash:base64:5]',
            },
          },
          require.resolve('sass-loader')
        ],
      },
    ],
  },
}

以上是关于javascript 带有sass的Webpack css模块的主要内容,如果未能解决你的问题,请参考以下文章

带有 sass-loader、MiniCssExtractPlugin 和 uikit 的 Webpack4

带有 webpack 和 sass-loader 的 Susy 网格

带有 Webpack、React 和 Babel 的 Sass-loader 无法正常工作

带有 SASS 的 Webpack-simple + vue-cli - 无法编译?

带有 vue-loader 和 sass-loader 的 webpack 无法导入 .scss 文件

带有 sass-loader 和 resolve-url-loader 的 Webpack 4 - 找不到图像路径