webpack - 将 JSON 导入 VueJS

Question

我正在使用 wbepack 编译一个 VUEJS 项目，在该项目中我将一个包含对象数组的 JSON 文件导入到 vueJS 中，但是当通过组件访问它时，该对象似乎是空的。

import Jason from './some.json';
export defaults {
data(){ return { someArr: Jason } } }

我没有收到任何编译错误或任何其他报告的错误。

什么会导致对象 someArr 为空？

附言我能够通过 AJAX 成功加载 json

Answer 1

安装 json loader

npm install json-loader --save

然后在你的 webpack.config 文件中添加这个加载器

module: {
    loaders: [
        {
            test: /\.json/,
            loader: 'json',
        }
    ],
}