react.js - webpack 配置less后在react里面使用报错？

问题描述

问 题

ERROR in ./~/css-loader!./~/less-loader!./~/autoprefixer-loader?{browsers: ["last 2 version", "firefox 15"]}?
outputStyle=expanded!./src/styles/app2.less

Module build failed: CssSyntaxError: /Users/luojinghui/projects/react-redux/example-rr/src/styles/app2.less:11:3: Unknown word

You tried to parse Less with the standard CSS parser; try again with the postcss-less parser

loader配置信息（less和less-loader加载器都有，另外配置了一个autoprefixer）：

      {
        test: /\.less/,
        loader: 'style-loader!css-loader!less-loader!autoprefixer-loader?{browsers: ["last 2 version", "firefox 15"]}?outputStyle=expanded'
      },

但是在react引用less时候就报错，检查不出来，大家帮忙看看，谢谢

解决方案

less-loader 要写在 autoprefixer-loader 后面。

这篇关于react.js - webpack 配置less后在react里面使用报错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！