在Webpack中加载静态JSON文件

在js文件中请求本地的json文件,发现直接用$.getJSON('../data.json',function(){})请求资源,webpack并没有把json文件打包。

解决方法:我们用插件copy-webpack-plugin:在打包时直接复制到打包文件下,具体用法:
webpack.config.js

const {resolve} = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');
plugins:[
 new CopyWebpackPlugin({
            patterns:[
                {
                    from: './src/zjmm.json',//json文件路径
                    to: resolve(__dirname,'./build/') //打包后文件路径
                }
            ]
        }),
]

你可能感兴趣的:(在Webpack中加载静态JSON文件)