//path是nodo.js里面的一個基本包const?path?=?require('path');const?HTMLPlugin?=?require('html-webpack-plugin');const?webpack?=?require('webpack')const?isDev?=?process.env.NODE_ENV?===?'development';const?config?=?{target:?'web',//?__dirname?是指這個目錄所在的地址,也就是根目錄.就是和后面路徑拼接起來,形成一個絕對路徑,以保證可以訪問到entry:?path.join(__dirname,?'./src/index.js'),output:?{filename:?'bundle.js',path:?path.join(__dirname,?'dist'),},module:?{rules:?[{test:?/\.vue$/,loader:?'vue-loader'},{test:?/\.css$/,use:?['style-loader','css-loader']},{test:?/\.(gif|png|jpg|jpeg|svg)$/,use:?[{loader:?'url-loader',//url-loader參數配置options:{limit:?1024,name:?'[name].[ext]'}}]},{test:?/\.styl$/,use:?['style-loader','css-loader','stylus-loader']}]},plugins:[//判斷工作環境是什么,打包的時候根據這個變量選擇源代碼的版本new?webpack.DefinePlugin({'process.env':?{NODE_ENV?:?isDev???'"development"'?:?'"production"'}}),new?HTMLPlugin()]}if(isDev){config.devSever?=?{port:?8000,host:?'0.0.0.0',//overlay?編譯錯誤,錯誤信息顯示再網頁上面overlay:?{errors:?true}}}module.exports?=?config