mirror of https://github.com/webpack/webpack.git
64 lines
1.0 KiB
JavaScript
64 lines
1.0 KiB
JavaScript
var MCEP = require("mini-css-extract-plugin");
|
|
|
|
/** @type {(number, any) => import("../../../../").Configuration} */
|
|
const config = (i, options) => ({
|
|
entry: {
|
|
a: "./a",
|
|
b: "./b",
|
|
c: "./c.css",
|
|
x: "./x" // also imports chunk but with different exports
|
|
},
|
|
output: {
|
|
filename: `${i}_[name].js`
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
oneOf: [
|
|
{
|
|
test: /\.css$/,
|
|
use: [MCEP.loader, "css-loader"]
|
|
},
|
|
{ test: /\.js$/ },
|
|
{ type: "asset" }
|
|
]
|
|
}
|
|
]
|
|
},
|
|
optimization: {
|
|
chunkIds: "named"
|
|
},
|
|
target: "web",
|
|
node: {
|
|
__dirname: false
|
|
},
|
|
plugins: [
|
|
new MCEP(options),
|
|
compiler => {
|
|
compiler.hooks.done.tap("Test", stats => {
|
|
const chunkIds = stats
|
|
.toJson({ all: false, chunks: true, ids: true })
|
|
.chunks.map(c => c.id)
|
|
.sort();
|
|
expect(chunkIds).toEqual([
|
|
"a",
|
|
"b",
|
|
"c",
|
|
"chunk_js-_43b60",
|
|
"chunk_js-_43b61",
|
|
"chunk_js-_43b62",
|
|
"d_css",
|
|
"x"
|
|
]);
|
|
});
|
|
}
|
|
]
|
|
});
|
|
|
|
module.exports = [
|
|
config(0),
|
|
config(1, {
|
|
experimentalUseImportModule: true
|
|
})
|
|
];
|