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"
}