module.exports = {
entry:'./src/index.js',output: {
path: path.resolve(dirname,'./dist'),filename: 'bundle.[hash:8].js',publicPath: ''
},resolve: {
//引入模块的时候，可以不用扩展名
extensions: [".js",alias: {//别名
"bootstrap": "bootstrap/dist/css/bootstrap.css"
},modules: [path.resolve(dirname,'node_modules')]
},/ externals: {
'react': 'React',// 提出ant design的公共资源
//'antd': 'antd',},/
devtool: 'source-map',devServer: {
contentBase:path.resolve(dirname,'dist'),publicPath: '/',port: 8080,hot:true,compress:true,historyApiFallback: true,inline: true
},watch: false,//只有在开启监听模式时，watchOptions才有意义
watchOptions: {
ignored: /node_modules/,//监听到变化发生后等300ms再去执行动作，防止文件更新太快导致编译频率太高
poll: 1000 //通过不停的询问文件是否改变来判断文件是否发生变化，默认每秒询问1000次
},optimization: {
splitChunks: {
cacheGroups: {
commons: {
chunks: "initial",enforce: true
}
}
}
},module: {
rules:[
{
test: /.js$/,use: {
loader:'babel-loader',options: {
presets: ['env','es2015','react'],}
},exclude:/node_modules/
},{
test: /.css$/,use: cssExtract.extract({
fallback: "style-loader",use: sassExtract.extract({
fallback: "style-loader",loader: lessExtract.extract({
use: ["css-loader?minimize",{
test: /.(html|htm)/,use: 'html-withimg-loader'
},{
test: /.(png|jpg|gif|svg|bmp|eot|woff|woff2|ttf)/,use: {
loader:'url-loader',options:{
limit: 5 * 1024,//指定拷贝文件的输出目录
outputPath: 'images/'
}
}
}
]
},plugins: [
//定义环境变量
new webpack.DefinePlugin({
development__: JSON.stringify(process.env.NODE_ENV)
}),new CleanWebpackPlugin(['dist']),cssExtract,lessExtract,sassExtract,new HtmlWebpackPlugin({
title: 'React Biolerplate by YuanYuan',template: './src/index.html',filename: index.html,hash: true
}),new webpack.DllReferencePlugin({
manifest: path.join(dirname,'vendor','react.manifest.json')
}),new CopyWebpackPlugin([{
from: path.join(dirname,'vendor'),//静态资源目录源地址
to:'./vendor' //目标地址，相对于output的path目录
}]),/* new webpack.optimize.CommonsChunkPlugin({
name: 'common' // 指定公共 bundle 的名称。

• })*/
  new webpack.HotModuleReplacementPlugin(),// 热替换插件
  new webpack.NamedModulesPlugin() // 执行热替换时打印模块名字
  ]
  };

//console.log(process.env.NODE_ENV )
if (process.env.NODE_ENV == 'development') {
other = require('./webpack.dev.config');
} else {
other = require('./webpack.prod.config');
}
//console.log(merge(base,other));

module.exports = merge(base,other);
webpack.prod.config.js

const path = require('path');
const webpack = require('webpack');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
output: {
filename: 'bundle.min.js',plugins: [
new UglifyJSPlugin({sourceMap: true})
]
}