请问webpack能打包json文件吗?

Question

var webpack = require("webpack");
module.exports = {
    entry : {
        index : __dirname+"/src/index.js"
    },
    output : {
        path : __dirname+"/build",
        filename : "bundle.js"
    },
    module : {
        loaders : [
            {
                test : /.vue$/,
                loader: 'vue-loader'
            },
            {
    　　　　　　test: /\.(png|jpg)$/,
    　　　　　　loader: 'url-loader?limit=1024&name=images/[hash:8].[name].[ext]'
    　　　　},
            {
                test : /\.json$/,
                loader : 'json-loader'
            }
            

        ]
    },
    resolve: {
        alias: {
            'vue': 'vue/dist/vue.js'
        }
    }
}

已经安装了json-loader

this.$http.get("../data/slide.json",{}).then((response) =>{
                    console.log(response)
                }).catch(function(){

                })

打包的时候为什么 build文件夹下, webpack没有给我新建json文件啊?
难道还要配置什么吗?

Answer 1

webpack是打包应该不能新建吧。

比如你本地有个json文件，在入口文件如index.js中进行了引入，然后有了加载器，webpack应该就可以将其打包到目标文件夹。

打包应该是开发中进行的，而你的代码是想在运行的时候发出http请求获得文件然后让webpack帮你打包吗？

我也经验较少，若有问题请高手补充

Answer 2

你必须引入一个模块的时候，就是 import '../demo.json'或require的时候webpack才会识别json进行打包。
你现在的写法是发送一个http请求，请求资源类型是json类型。

Answer 3

应该用CopyWebpackPlugin插件直接复制打包一份就可以了吧，具体用法可以查看官网