webpack.config 之loader

概览

webpack 本身是无法去理解分析非.js文件的，所以这里需要loader模块来帮助，将对应类型的非js文件转化成webpack可以处理的文件，并最后进行打包。比如.scss 或 .ts

语法

在config中的module.rules中加入相关规则对象

module: {
    rules: [
      { test: /\.scss$/, use: 'sass-loader' }
    ]
  }

这段代码可以理解为，当在import/require（）语句中解析出了.scss文件，则用sass-loader来进行转化