webpack.config.js

var webpack = require("webpack")
var path = require("path")
var fs = require('fs')
const MiniCssExtractPlugin = require('mini-css-extract-plugin') // webpack 4
var HtmlWebpackPlugin = require('html-webpack-plugin')
var CopyWebpackPlugin = require('copy-webpack-plugin')
//var ExtractTextPlugin = require("extract-text-webpack-plugin") // webpack 3
//const marauderDebug = require('sinamfe-marauder-debug')
// const es3ifyWebpackPlugin = require('es3ify-webpack-plugin-v2')
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')
const HappyPack = require('happypack')
// ie9 下单个的css文件超过400k 不被解析
//var CSSSplitWebpackPlugin = require('css-split-webpack-plugin').default
//const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
const merge = require('webpack-merge')

const webpackCompileParams = require('./webpackCompileParams')

var env = process.env.NODE_ENV

var plugins = []

var projectRootPath = path.resolve(__dirname, './')
const happyThreadPool = HappyPack.ThreadPool({ size: 12 });
var blueStyle = ["./assets/styles/blue.less"]
var tax72Style = ["./assets/styles/tax72.less"]

//node环境变量，生产环境：production，开发环境：development
plugins.push(new webpack.DefinePlugin({
    "process.env.NODE_ENV": JSON.stringify(env),
    "process.env.MODE_SPLIT": true
}))
plugins.push(new webpack.optimize.ModuleConcatenationPlugin())
plugins.push(new webpack.ExtendedAPIPlugin())
plugins.push(new webpack.DllReferencePlugin({
    context: __dirname,
    manifest: merge(require('./vendor/vendor.manifest.json')),
}))

// plugins.push(new es3ifyWebpackPlugin())
plugins.push(new HtmlWebpackPlugin({
    title: '' +
        '', //标题
    // favicon: './assets/img/favicon.ico', //favicon路径
    filename: 'index.html', //生成的html存放路径，相对于 path
    template: 'index-dev.html', //html模板路径
    chunks: ['bundle', 'edf', 'icon', 'tax72Theme'],
    hash: false,
    inject: 'body'//允许插件修改哪些内容，包括head与body`
}))

//plugins.push(new ExtractTextPlugin('[name].css')) webpack 3
plugins.push(new MiniCssExtractPlugin({ // webpack 4
    filename: '[name].css',
    chunkFilename: '[id].css',
}))

//plugins.push(new CSSSplitWebpackPlugin({ size: 3000 }))
/*
plugins.push(new OptimizeCssAssetsPlugin(
    {
        cssProcessorOptions: { discardComments: { removeAll: true } },
        canPrint: false
    }
))
*/

plugins.push(new CopyWebpackPlugin([{
    from: './notfound.html',
    to: 'notfound.html',
    toType: 'file'
}]))


plugins.push(new CopyWebpackPlugin([{
    from: './checkLowBrowser.js',
    to: 'checkLowBrowser.js',
    toType: 'file'
}]))


plugins.push(new CopyWebpackPlugin([{
    from: './vendor',
    to: './vendor',
    ignore: ['.*']
}]))

plugins.push(new HappyPack({
    id: 'babel',
    loaders: ['babel-loader?cacheDirectory'],
    threadPool: happyThreadPool,
}))

const { modifyVars, aliasModule, start_params } = webpackCompileParams('development')

plugins.push(new HappyPack({
    id: 'css',
    // loaders: ['css-loader', clientInformation'less-loader'],
    loaders: [{
        loader: 'css-loader',
    }, {
        loader: "less-loader",
        options: {
            "modifyVars": modifyVars,
            "javascriptEnabled": true // webpack 4
        }
    }],
    threadPool: happyThreadPool,
}))
//plugins.push(new marauderDebug())
plugins.push(new LodashModuleReplacementPlugin)

/*plugins.push(new webpack.optimize.MinChunkSizePlugin({
    minChunkSize: 102400, // ~100kb
}))*/

/*plugins.push(new webpack.optimize.CommonsChunkPlugin({ // webpack 3
    names: ['edf'],
    filename: '[name].min.js',
    minChunks: Infinity
}))*/



function mergeTheme(arr, type) {
    const newArr = [...arr]
    const modules = ['edf', 'originalStyle']

    if (start_params && start_params.toUpperCase() == 'RUNSTART' || !start_params) {
        modules.forEach(item => {
            newArr.push(`./apps/${item}/theme/${type}.less`)
        })
    }
    else {
        modules.forEach(item => {
            item = item.toUpperCase()
            if (start_params && start_params.includes(item)) {
                newArr.push(`./apps/${item}/theme/${type}.less`)
            }
        })
    }

    return newArr
}



module.exports = {
    // devtool: false,
    devtool: 'cheap-module-eval-source-map',
    entry: {
        bundle: "./index.js",
        edf: ["edf-app-loader", "edf-meta-engine", "edf-component", "edf-consts", "edf-utils", "webapi"],
        // tax72Theme: tax72Style.concat(mergeTheme([], 'tax72')),
        blueTheme: blueStyle.concat(mergeTheme([], 'blue')),
        ie: './assets/styles/ie.less'
    },

    output: {
        path: path.join(__dirname, "/dist/"),
        filename: '[name].min.js',
        chunkFilename: '[name].chunk.js'
    },
    optimization: { // webpack 4
        splitChunks: {
            chunks: 'async',
            minSize: 30000,
            maxSize: 0,
            minChunks: 1,
            maxAsyncRequests: 5,
            maxInitialRequests: 3,
            automaticNameDelimiter: '~',
            name: true,
            cacheGroups: {
                /*vendors: {
                    test: /[\\/]node_modules[\\/]/,
                    priority: -10
                },*/
                default: {
                    minChunks: 2,
                    priority: -20,
                    reuseExistingChunk: true
                }
            }
        }
    },
    resolve: {
        extensions: [".js"],
        alias: Object.assign({
            'edf-app-loader': path.resolve(projectRootPath, './app-loader/index.js'),
            'edf-meta-engine': path.resolve(projectRootPath, './meta-engine/index.js'),
            'edf-component': path.resolve(projectRootPath, './component/index.js'),
            'edf-utils': path.resolve(projectRootPath, './utils/index.js'),
            'webapi': path.resolve(projectRootPath, './api/index.js'),
            'edf-consts': path.resolve(projectRootPath, './constant/consts.js'),
            'edf-constant': path.resolve(projectRootPath, './constant/index.js'),
            'eharts': path.resolve(projectRootPath, './vendor/echarts.min.js'),
            'zrender': path.resolve(projectRootPath, './vendor/zrender.min.js'),
            'Theme': '@ttk/component/dist/theme'
        }, aliasModule)
    },
    externals: {
        "echarts": 'echarts',
        "zrender": 'zrender',
    },
    module: {
        rules: [{
            test: /\.(css|less)/,
            use: [MiniCssExtractPlugin.loader, { // webpack 4
                loader: "css-loader"
            }, {
                loader: "less-loader",
                options: {
                    modifyVars: modifyVars,
                    javascriptEnabled: true
                }
            }]
        }, {
            test: /\.js?$/,
            exclude: /node_modules/,
            use: ['happypack/loader?id=babel']
        }, {
            test: /\.(eot|woff|woff2|ttf|svg|png|jpe?g|gif|mp4|webm)(\?\S*)?$/,
            use: {
                loader: 'url-loader',
                options: {
                    name: 'img/[name].[ext]',
                    limit: 0,
                    // 'imageCDN-webpack?': imageCDN,
                    // publicPath: __webpack_public_path__,
                    // runtimePublicPath: () => { window.assetsRoot },
                    // RuntimePublicPathPlugin: () => { return window.assetsRoot },
                }
            }
        }],
    },
    devServer: {
        contentBase: './dist/',
        overlay: {
            warnings: true,
            errors: true
        },
        headers: {
            'Access-Control-Allow-Origin': '*'
        },
        proxy: {
            // '/v1/*': 'http://debug.aierp.cn:8085/',
            '/v1/*': {
                // target: 'http://xdz.aierp.cn:8089',
                // target:'http://172.16.20.79:8008/',
                target: 'http://test.aierp.cn:8089/',
                // target:'http://dev.aierp.cn:8089/', 
                changeOrigin: true,
            },
            // '/v1/*': {target:'http://dev-xdz.aierp.cn:8089/', changeOrigin: true},
            // '/v1/*': 'http://172.16.20.69:8008/',
            // '/v1/*': 'http://erpdemo.jchl.com/',
            '/share-oss/*': 'http://debug.aierp.cn:8085/',
            // '/v1/*':'http://172.16.30.104:8008/',
            // '/v1/*': 'http://127.0.0.1:8008/',
        }
    },
    plugins: plugins
}