Estoy usando CRA con CRACO para agregar otro archivo de entrada a la configuración del paquete web,
Aquí está el código
module.exports = { webpack: { configure: (webpackConfig, {paths}) => { return { ...webpackConfig, entry: { main: paths.appIndexJs, content: './src/chromeServices/DOMEvaluator.ts', }, } }, }, }Sin embargo, no necesito que este archivo se inyecte en el archivo HTML, ¿es posible hacerlo?
Es muy fácil hacerlo. CRACO y, en última instancia, CRA hacen uso de html-webpack-plugin para generar su archivo HTML y agregar las etiquetas de script requeridas. Tendrá que hacer uso del filtrado de fragmentos para lograr esto.
const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { webpack: { configure: (webpackConfig, {paths}) => { // 1. Find instance of HTML Webpack plugin const pluginInstance = webpackConfig.plugins.find( webpackPlugin => webpackPlugin instanceof HtmlWebpackPlugin ); // 2. Define the exclusion or inclusion if (pluginInstance) { pluginInstance.options.excludeChunks = ['content']; // Or, alternately, use include only feature // pluginInstance.options.chucks = ['main']; } return { ...webpackConfig, entry: { main: paths.appIndexJs, content: './src/chromeServices/DOMEvaluator.ts', }, } }, }, };