webpack 打包压缩js和css的方法示例

//使用插件html-webpack-plugin打包合并html//使用插件extract-text-webpack-plugin打包独立的css//使用UglifyJsPlugin压缩代码var HtmlWebpackPlugin = require('html-webpack-plugin');var ExtractTextPlugin = require('extract-text-webpack-plugin');var webpack = require("webpack");module.exports = {  entry: {    bundle : './src/js/main.js'  },  output: {    filename: "[name]-[hash].js",    path: __dirname + '/dist'  },  module: {    rules: [      {        test: //.css$/,        use: ExtractTextPlugin.extract({          fallback: "style-loader",          use: "css-loader"        })      },      {        test: //.(png|jpg|jpeg|gif)$/,        use: 'url-loader?limit=8192'      }    ]  },  resolve:{      extensions:['.js','.css','.json'] //用于配置程序可以自行补全哪些文件后缀  },  plugins:[    new HtmlWebpackPlugin({      title: 'hello webpack',      template:'src/component/index.html',      inject:'body',      minify:{ //压缩HTML文件         removeComments:true,  //移除HTML中的注释         collapseWhitespace:true  //删除空白符与换行符       }    }),    new ExtractTextPlugin("[name].[hash].css"),    new webpack.optimize.UglifyJsPlugin({      compress: {   //压缩代码        dead_code: true,  //移除没被引用的代码        warnings: false,   //当删除没有用处的代码时，显示警告        loops: true //当do、while 、 for循环的判断条件可以确定是，对其进行优化      },      except: ['$super', '$', 'exports', 'require']  //混淆,并排除关键字    })  ]};