样式Loader

样式Loader

加载CSS

const common = {
  ...
  module: {
    loaders: [
      {
        test: /\.css$/,
        loaders: ['style', 'css'],
        include: PATHS.style
      }
    ]
  },
  ...
};

如果css需要输出sourcemaps，设置['style', 'css?sourceMap']和output.publicPath

预处理器

less,sass,postcss,cssnext…

{
  test: /\.less$/,
  loaders: ['style', 'css', 'less'],
  include: PATHS.style
}

{
  test: /\.scss$/,
  loaders: ['style', 'css', 'sass'],
  include: PATHS.style
}

const autoprefixer = require('autoprefixer');
const precss = require('precss');
module.exports = {
  module: {
    loaders: [
      {
        test: /\.css$/,
        loaders: ['style', 'css', 'postcss'],
        include: PATHS.style
      }
    ]
  },
  // autoprefixer自动兼容添加前缀
  postcss: function () {
      return [autoprefixer, precss];
  }
};

<<上一节:定义Loader >>下一节:图片loader