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

从零开始学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的官网中找到,而且学习对应的用法