                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React实战--打造画廊应用（上）

json-loader问题

请问新版本的json-loader是不是不需要在配置文件里写了，直接安装好，然后require()进来？

willerfu

2016-10-24

源自：React实战--打造画廊应用（上） 3-2

关注问题我要回答

2434

操作

收起

2 回答

33852140 回答被采纳 +3 积分
2016-10-25

我配置在文件里，也可以使用，而且这样不用每个需要使用到的文件到require()进来，相对来说更简单吧

0 回复有任何疑惑可以回复我~

收起回答

willerfu 提问者

感谢

2016-10-26 回复有任何疑惑可以回复我~

willerfu 提问者

还有我想问，如果我在loader那里声明了josn-loader，那我不require(),那我如何获取 imageDatas，不是imageDatas 是通过json文件读取到的嘛？可以列出下你的配置部分代码，和你获取imageDatas的代码片段嘛？

2016-10-26 回复有任何疑惑可以回复我~

33852140
2016-10-27

json-loader是用来加载json文件的，没有的话无法加载写的文件。写在配置文件里就可以了

而 require() 是把我们写的文件读取进来，至于怎么实现的就是交给loader进行处理的。

下面读取信息是按照 ES6 规范写的代码

//获取图片相关数据
let imgData = require('../data/imageDatas.json');

//获取图片相关信息,转化图片URL路径信息
imgData = imgData.map(x=>{
  x.imgUrl = require('../images/'+x.fileName);
  return x;
});

配置的话，就是正常的配置，不过新版本的是在 cfg 文件夹下的 default.js 中

loaders: [
     // 省略了部分内容
      {
        test: /\.styl/,
        loader: 'style-loader!css-loader!postcss-loader!stylus-loader'
      },
      {
        test: /\.json$/,
        loader:'json-loader'
      },
      {
        test: /\.(mp4|ogg|svg)$/,
        loader: 'file-loader'
      }
    ]

1 回复有任何疑惑可以回复我~

收起回答

willerfu 提问者

嗯嗯，感谢，明白了

2016-10-29 回复有任何疑惑可以回复我~