wm-offline/webpack.config.production.js

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var host = "localhost";
var port = "8088";
var md5 = new Date() * 1;

// host可以改为ip 用于手机测试
module.exports = {
    host: host,
    port: port,
    resolve: {
        root: path.resolve(__dirname, 'page/src'),
        extensions: ['', '.js', '.jsx']
    },
    entry: {
        main: [
            path.resolve(__dirname, 'page/src/main')
        ],
    },
    devtool: 'cheap-source-map', //https://github.com/webpack/docs/wiki/configuration#devtool
    output: {
        path: path.join(__dirname, 'page/build'),
        filename: '[name]_'+ md5 +'.js',
        chunkFilename: "[id].chunk_" + md5 +".js",
        publicPath: '', //网站运行时的访问路径
    },
    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(),
        // Webpack 提供了设置环境变量来优化代码
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        }),
        new webpack.optimize.UglifyJsPlugin({
            compressor: {
                warnings: false
            }
        }),
        // 热替换 防止报错插件
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        new webpack.optimize.DedupePlugin(),
        new HtmlWebpackPlugin({
            filename: 'index.html',
            template: path.join(__dirname, 'page/src/index.html'),
            chunks: ['main'],
            inject: true
        }),
        new HtmlWebpackPlugin({
            filename: 'error.jade',
            template: path.join(__dirname, 'page/src/error.jade'),
            inject: false
        })
    ],
    module: {
        loaders: [
            {
                test: /\.jsx?$/,// .js .jsx
                loader: 'babel', // 'babel-loader' is also a legal name to reference
                include: [
                    // 只去解析运行目录下的 src文件夹
                    path.join(__dirname, 'page/src'),
                ],
            },
            {
                test: /\.css$/,
                // loader: ExtractTextPlugin.extract("style-loader", "css-loader")
                loader: 'style-loader!css-loader!less-loader'
            },
            {
                test: /\.less$/,
                // loader: ExtractTextPlugin.extract("style-loader", "css-loader!less-loader")
                loader: 'style-loader!css-loader!less-loader'
            },
            {
                test: /\.(png|jpg|gif|svg)$/,
                //图片文件使用 url-loader 来处理，小于8kb的直接转为base64
                loader: 'url-loader?limit=2048&name=images/[hash:8].[name].[ext]'
            }
        ]
    }
};