处理样式

处理样式会用到以下几个loader

• postcss-loader用于css的兼容处理
• less-loader用于把less转css
• css-loader会对在js中@import 和 url() 的css进行处理
• style-loader通过js把css插入到页面中

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        include: srcPath,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader', 'postcss-loader']
      },
      {
        test: /\.less$/,
        include: srcPath,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader']
      }
    ]
  }
}