Question

react+webpack+scss 怎么编译css独立文件

Answer 1

处理scss文件需要 sass-loader

npm install sass-loader node-sass --save-dev

【注】 以下配置中需要用到的模块，请自行安装

extract-text-webpack-plugin

postcss-loader

precss

autoprefixer

然后在webpack.config.js文件做以下配置

//css文件提取器需要的插件

var ExtractTextPlugin=require('extract-text-webpack-plugin');

//postcss-loader 需要的配置项
var precss       = require('precss');
var autoprefixer = require('autoprefixer');
module.exports = {
  ...
  module: {
    loaders: [
      { 
      test: /\.scss$/, 
     loader: ExtractTextPlugin.extract('style','css!postcss-loader','sass')}

    ]
  },
  postcss: function () {
    return [precss, autoprefixer];
  }
}