首页 文章

Webpack:CSS / SASS的加载器?

提问于
浏览
1

我选择了一个示例webpack配置文件,其中包含以下加载程序 .

test: /\.scss|.css$/,

   loader: ExtractTextPlugin.extract('style', 'css?sourceMap!postcss')

它似乎工作,但我无法理解的是,许多地方它声明你必须使用sass-loader但我没有安装它,它没有列在我的包文件中 .

从我所看到的,它加载样式加载器,然后加载css加载器 .

有人可以帮我理解发生了什么吗?我在测试线上看不到sass / scss的引用(上图)

另外我注意到它正在使用ExtractTextPlugin的提取功能,只是使用有什么区别

loader: ['style', 'css?sourceMap!postcss']

提前致谢

编辑

这些是我正在使用的postcss插件 .

require('postcss-import')({addDependencyTo: bundler}),
        require('postcss-inline-comment')(),
        require('postcss-hexrgba'),
        require('postcss-size'),
        require('precss')(),
        require('css-mqpacker')(),
        require('autoprefixer')({
            browsers: ['last 2 version']
        })

1 回答

  • 2

    它的工作原理是因为你启用了precss postcss插件 . 它提供SASS样式标记 .

相关问题