webpack.config.js

const projectName = "w-map";
const outPath = "build";
const debugPath = "dist";
const path = require('path');
const webpack = require('webpack');
const ExTextPlg = require("extract-text-webpack-plugin");
const HtmlPlg = require('html-webpack-plugin');

var DEBUG = true;
if(process.env.NODE_ENV == 'production'){
    DEBUG = false;
}

module.exports = {
    entry: {
        index:'index'
    },
    output: {
        path: path.resolve(__dirname, DEBUG?debugPath:outPath), // 输出的路径
       // publicPath: '/icommunity-overview/', // 输出的路径
        //sourceMapFilename: 'maps/[name].map',
        chunkFilename: "[name].index.js"
    },
    devtool: DEBUG ? 'inline-source-map':"inline-source-map",
    devServer: {
        contentBase: debugPath, //本地服务器所加载的页面所在的目录
        port: 7687,
        host: '127.0.0.1',
        inline: true, //实时刷新
        historyApiFallback: true, //不跳转
        hot: true, // 开启热重载
      //  sockHost: 'http://0.0.0.0:8888/icommunity-overview/sockjs-node',
       // disableHostCheck: true,
    
    },
    resolve: {
        extensions: ['.js', '.ts'],
        mainFiles:["index", "daliTree", "ace"] ,
        alias: {
            wmap: path.join(__dirname, 'src'),
            index: path.resolve(__dirname, 'src','deom'),
            daliTree: path.resolve(__dirname, 'src','daliTree','src'),
            ace: path.resolve(__dirname, 'src','deom','lib','ace.js')
        }
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['latest'] //按照最新的ES6语法规则去转换
                }
            },
            {
                test: /\.tsx?$/,
    　　　　    use: 'ts-loader',
    　　　　　　exclude: /node_modules/
            },
            {
                test: /\.less$/,
                exclude: /node_modules/,
                loader: ExTextPlg.extract({
                    fallback: 'style-loader',
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                minimize: false
                            }
                        },{
                            loader: 'less-loader'
                        }
                    ]
                })
            },{
                test: /\.css$/,
                exclude: /node_modules/,
                loader: ExTextPlg.extract({
                    fallback: 'style-loader',
                    use: [
                        {
                            loader: 'css-loader',
                            options: {
                                minimize: false
                            }
                        }
                    ]
                })
            },{
                test: /\.(png|jpg|gif|svg)$/,
                loader: 'url-loader',
                exclude: /node_modules/,
                options: {
                    name: './images/[name].[ext]',
                    limit: 10192
                }
            }
        ]
    },
    optimization: {
		splitChunks: {
            cacheGroups: { 
                commons: {
                    name: "index",
                    chunks: "all", 
                    minSize: 5,
                    maxSize: 10,
                    priority: 0 
                },
                vendor: { 
                    name: 'vendor',
                    test: /[\\/]node_modules[\\/]/,
                    chunks: 'all', 
                    minSize: 5,
                    maxSize: 10,
                    priority: 10 
                }
            }
        }
	},
    plugins: [
        new ExTextPlg("[name].css"),
        new HtmlPlg({
            alwaysWriteToDisk: true,
            title: projectName,
            template: `./src/deom/index.html`,//PS:相对目录是命令的执行位置
            filename: `index.html`,//PS:相对目录是output的path位置
            inject: "body",
            debug: DEBUG,
            isHashHistory: true,
            chunks: ['index','ace'],
            xhtml: true
        })
    ]
}