webpack.build.config.js

'use strict';
/**
 * webpack 构建配置
 */
/**
 * Created by x on 11/23/15.
 */
var path = require('path');

/**
 * 导入文件入口
 * @type {{index: string, details: string}|exports|module.exports}
 */
var webpack           = require('webpack');
//提取公用CSS
var ExtractTextPlugin = require("extract-text-webpack-plugin");
//var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js');
//动态HTML 插入
var HtmlWebpackPlugin = require('html-webpack-plugin');
var SplitByPathPlugin = require('webpack-split-by-path');
var node_modules = path.resolve(__dirname, 'node_modules');
var pathToSrc  = path.resolve(__dirname, 'src');


var config = {
    //未压缩的
    //devtool: "source-map",
    //不输出
    devtool: "false",
    /*--压缩过的--*/
    //devtool:"cheap-source-map",
    //devtool:"eval-source-map",
    //入口文件配置
   entry: {
        app: [
            path.resolve(__dirname, 'ts/index')
        ]
    },
    resolve:     {
        extensions: ['', '.js', '.jsx','.ts','.tsx']
    },
    //输出文件配置
    output:      {
        path: path.resolve(__dirname, 'www/dist'),
        chunkFilename: '[name].js',
        filename:   '[name].js',
        publicPath: '/dist/'
    },
    module:      {
        loaders: [
            {
                test:    /\.(js|jsx|tsx|ts)?$/,
                //loaders: ['react-hot', 'babel','ts-loader'],
                loaders: ['ts-loader'],
                exclude: /node_modules/
            },
            {
                test: /\.(le|c)ss$/, // Only .css files
                loader: ExtractTextPlugin.extract('style', 'css!less') //'style!css' // Run both loaders
            }
        ],
    },
    preLoaders: [
        // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
        { test: /\.js$/, loader: "source-map-loader" }
    ],
    plugins:     [
        new webpack.DefinePlugin({
                'process.env': {
                    NODE_ENV: JSON.stringify('production')
                }
            }),
         new ExtractTextPlugin("app.css"),
         new webpack.optimize.UglifyJsPlugin({
                output: {
                    comments: false
                },
                compress: {
                    warnings: false
                }
            }),
        //commonsPlugin
        /*new webpack.optimize.CommonsChunkPlugin({
            name: "common",
            filename:"common.js"
            
        }),*/
        new HtmlWebpackPlugin({
            title: 'react ui组件123',
            addLinkCss: ['/styles/iconfont.css'],
            template: './template/index.ejs',
            hash: true,    //为静态资源生成hash值
        }),
       new SplitByPathPlugin([
                    {name: 'common', path: path.join(__dirname, 'node_modules')}
                ]
            )
    ]
};


module.exports = config;