const webpack = require('webpack')
module.exports ={
entry: __dirname +'/app/index.js',//__dirname node.js全局變量 腳本所在目錄
output: {
filename: 'bundle.js',
path: __dirname + "/public"
},
devtool: 'eval-source-map',//方便調(diào)試 cheap-module-eval-source-map大型項目中打包速度快不方便調(diào)試
devServer: {//安裝npm install -g webpack-dev-server 搭建本地服務(wù)器
contentBase: './public',//服務(wù)器加載頁面得目錄
historyApiFallback: true,//不跳轉(zhuǎn)
hot:true,
inline: true//實時刷新
},
module: {
rules: [
{
test:/(.jsx|.js)$/,//正則表達式刪選文件
use:{
loader:'babel-loader',//loader
options:{
presets:[//預(yù)處理loader
"env","react"
]
}
},
exclude: /node_modules/ //排除不需要處理文件
},{
test:/(.css | .less)$/,
use: [
{
loader: "style-loader"
},{
loader: 'css-loader'
}
]
}
]
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]
};