从零开始学VUE之Webpack(什么是Loader)

什么是loader

• loader是webpack中一个非常核心的概念
• webpack用来做什么呢

• 在我们之前的实例中,我们主要是用webpack来处理我们写的JS代码,并且webpack会自动处理JS之间相关联的依赖
• 但是,在开发中我们不仅仅有基本的JS代码处理,我们也需要加载CSS,图片,也包括一些高级的ES6转ES5代码,将TypeScript转ES5代码,将scss,less转css,将.vue转成.js文件
• 对于webpack本身的能力来说,对于这些转化是不支持的
• 那咋么办呢?给webpack扩展对应的loader就可以了

• loader使用过程

• 通过npm安装需要使用的loader
• 在webpack.config.js中 的modules关键字下进行配置

• 大部分loader我们都可以在webpack的官网中找到,并且学习对应的用法

作者：彼岸舞

时间：2021\06\07

内容关于：VUE

本文属于作者原创,未经允许,禁止转发