Estoy tratando de nombrar dinámicamente el archivo generado por Webpack, según el nombre del archivo de entrada. Por ejemplo, mi entrada se llama accessCodeEditor.js y me gustaría que el archivo de salida se llamara accessCodeEditor.min.js. Pensé que output.filename: "[name].min.js" de acuerdo con estos documentos, pero lo llamó main.min.js en su lugar: https://webpack.js.org/configuration/output/# Nombre del archivo de salida
Aquí está mi archivo webpack.config.js:
const path = require("path"); const TerserPlugin = require("terser-webpack-plugin"); module.exports = { entry: "./web/js/pages/accessCodeEditor.js", optimization: { minimize: true, minimizer: [new TerserPlugin({ test: /\.js(\?.*)?$/i })] }, output: { filename: "[name].min.js", path: path.resolve(__dirname, "dist") } };Sin embargo, al crear varios paquetes a través de más de un punto de entrada, división de código o varios complementos, debe usar una de las siguientes sustituciones para dar a cada paquete un nombre único...
Hola, este [name].min.js es para otro propósito que se mencionó anteriormente.
¿Intentaste el siguiente método?
const path = require("path"); const TerserPlugin = require("terser-webpack-plugin"); const myAmazingFileName = 'accessCodeEditor'; module.exports = { entry: `./web/js/pages/${myAmazingFileName}.js`, optimization: { minimize: true, minimizer: [new TerserPlugin({ test: /\.js(\?.*)?$/i })] }, output: { filename: `${myAmazingFileName}.min.js`, path: path.resolve(__dirname, "dist") } };