Webpack中的loader

来源:互联网 发布:淘宝农村服务站加盟 编辑:程序博客网 时间:2024/06/05 00:54

  在webpack中使用loader来预处理文件,这使得在webpack中可以打包任何静态资源,不仅仅是js文件。
loader的基本使用方法如下所示:

  module: {    loaders: [      {test: /\.json$/, loader: "json-loader"}      //等价于{test: /\.json$/, loader: "json"}      ]     }

  loader的主要配置有如下几个:

  • test:一个匹配loaders所处理的文件的拓展名的正则表达式(必须)
  • loader:loader的名称(必须)
  • include/exclude:手动添加必须处理的文件(文件夹)或屏蔽不需要处理的文件(文件夹)(可选);
  • query:为loaders提供额外的设置选项(可选)

     在本示例中以json-loadre为例进行介绍的,那么我们来详细介绍下json-loader。
      
     安装

npm install --save-dev json-loader

 
  功能:使用该loader,就可以import json文件了。

原创粉丝点击