如何使用gulp+webpack+vue来构建一个项目？ _course

如题，最近进行vue的学习并碰到了这个需求，苦于找不合适的方法，衷心的请教各位大佬如何配置环境，万分感谢！

vue打包后static下的json文件没有单独出现，打包后的文件可以正常运行，我想打包后可以修改这个文件_course

1.我打包之后可以正常请求数据，正常运行，但是这不是我想要的效果，我想要的是出来一个没打包之前的static下面的common.json文件，打包之后可以去修改他，这个webpack是没有用脚手架搭的。 2.webpack.config.js的代码如下 const resolve = require("path").resolve; var webpack = require('webpack') const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { entry:{ app: './src/main.js' }, output: { path: resolve(__dirname, './dist'), publicPath: process.env.NODE_ENV != 'production' ?'':'./', chunkFilename: "CWL_[id].js?[chunkhash]", filename: process.env.NODE_ENV === 'production' ? "[name].js?[chunkhash]" : "[name].js", }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ] }, { test: /\.less$/, use:['style-loader','css-loader','less-loader'] }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)(\?.+)?$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, plugins: [ // new webpack.optimize.CommonsChunkPlugin({ // names: ["vendor", "manifest"] // }), new HtmlWebpackPlugin({ template: "index.html",favicon:'static/favicon.ico' }), new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), ], resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { port:9889, host:'192.168.50.107', }, performance: { hints: false }, devtool: process.env.NODE_ENV != 'production'? "#eval-source-map" : "#source" }