您现在的位置:首页 >> 前端 >> 内容

Webpack中的loader

时间:2017/7/14 10:08:17 点击:

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

在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文件了。

Tags:WE EB BP PA 
作者:网络 来源:一路斜阳的专栏