参考
    官网
    掘金酱
    MR

    1. const path = require('path');
    2. const rimraf = require('rimraf');
    3. const Config = require('webpack-chain');
    4. const config = new Config();
    5. const HtmlWebpackPlugin = require('html-webpack-plugin');
    6. const webpack = require('webpack');
    8. // 删除 dist 目录
    9. rimraf.sync('dirDist');
    10. config.entry('a').add('./src/test/a.js')
    11. config.entry('b').add('./src/test/b.js')
    12. .end()
    13. // 模式
    14. // .mode(process.env.NODE_ENV) 等价下面
    15. .set('mode', process.env.NODE_ENV)
    16. // 出口
    17. .output.path(path.resolve(__dirname,'dirDist'))
    18. .filename('[name].bundle.js');
    20. config.module
    21.   .rule('css')
    22.   .test(/\.css$/)
    23.   .use('css')
    24.   .loader('css-loader');
    26. config.devServer
    27. .host('127.0.0.1')
    28. .port("8090")
    29. .hot(true)
    30. .contentBase("./public/index.html");
    32. config
    33.   .plugin('html-plugin')
    34.     .use(HtmlWebpackPlugin,[{
    35.       filename:'index.html',
    36.       template:'./public/index.html'
    37.     }]).end();
    39. config.plugin('define-plugin')
    40.   .use(new webpack.DefinePlugin({
    41.     env:JSON.stringify(process.env)
    42.   })).end();
    45. module.exports = config.toConfig();