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来进行转化

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,747评论 0 16
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,844评论 0 21
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 8,451评论 0 17
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,333评论 7 110
  • 沒有人點燈放在地窨子裡,或是斗底下,總是放在燈臺上,使進來的人得見亮光。你眼睛就是身上的燈。你的眼睛若瞭亮,全身就...
    YNC再寫一篇阅读 1,293评论 0 0