情況如下
目前要做一pc網(wǎng)站，于是先擼個簡單的腳手架出來
老衲也是首次接觸webpack下的開發(fā)，擼這東西踩了很多坑了，現(xiàn)在死在這
（各位施主可能會問，干嘛不直接html+script開擼？因為老衲要裝逼下用用前端工程化）

使用 webpack4.6.0 + html-webpack-plugin3.2.0 （注:不是用vue），其它東西若干。。

有2頁面，index.html,main.html, 分別加載各自的js,配置如下

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const MiniCssExtractPlugin = require("mini-css-extract-plugin") 

//配置項
module.exports = {
    entry : {
        'index' : __dirname + '/src/index.js',
        'main' : __dirname + '/src/main.js',
        'jqueryv183min' :__dirname + '/src/jqueryv183min.js'
    },
    output:{
        path: __dirname + '/dist',
        filename:'js/[name].js',
        publicPath:'/',
    },
    devServer:{...},
    module:{
        rules:[
            {
                test: /.js$/,
                loader: 'babel-loader?presets=es2015',
            },
            {
                test: /\.(htm|html)$/i,
                loader: 'html-withimg-loader'
            },
            {
                test:/\.(jpg|png|gif|svg)$/,
                //小于1024的圖片都用base64的方式加載
                loader: 'url-loader',
                options: {
                    limit: 1024,
                      outputPath:'images/'
                }
            },
            {
                test: /\.css$/,
                loader:[MiniCssExtractPlugin.loader,'css-loader']
            }
        ]
    },
    plugins:[
    new HtmlWebpackPlugin({
        template: __dirname + "/src/index.html",
        filename:'index.html',
        chunks:['jqueryv183min','index'],
        chunksSortMode: 'manual'
    }),
    new HtmlWebpackPlugin({
        template: __dirname + "/src/main.html",
        filename:'main.html',
        chunks:['main'],
        chunksSortMode: 'manual'
    }),
    new MiniCssExtractPlugin({
        filename: "css/[name].css",
        chunkFilename: "[id].css"
    })
    ]
}

在index.js和main.js中，都有引用了2個css
base.css當然是基礎rest css,
為了省事，目前所有頁面中效果css,都統(tǒng)一放在main.css,所以每個頁面都要引用（或者正式開發(fā)時會分開）

import idxcss from './css/base.css'
import maincss from './css/main.css'

build之后，html和js打包正常，css目錄下，出現(xiàn)2個css文件 ：index.css，main.css,

當然是MiniCssExtractPlugin從js中抽取出來的

打包后的的index.html中引入了index.css, 一樣的 main.html中引入了main.css

打開一看， 2個文件的內容一模一樣，都包含了base.css和main.css中的內容

問題很明顯，base.css重復打包了，所以老衲期望效果是：
base.css和main.css分別打包生成單獨的文件，在2個html中當然就是2個link標簽引入這2個css文件

或者如果說和打包后js一樣，可以需要的塊打包并自動引入
讓每個html頁面自動引入獨立的css文件，同時引入公用bsse.css文件 而不像上面一樣base.css都重復打包在里面

百度了一番，無果
老衲先從MiniCssExtractPlugin這個插件的配置入手，無奈,實在找不到有用信息
難道沒有人遇到過此問題？ 問題可能比較特殊？
是否可能老衲習慣以前的直接開擼開發(fā)方式，所以結構配置上有問題？