核心提示:在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文件了。