Estoy tratando de usar IngorePlugin de Webpack. Estoy usando mi archivo Webpack solo para crear un archivo CSS. En la compilación, genera un archivo JS. Pero no quiero eso. Intenté ignorar los archivos JS pero aún los genera.
new webpack.IgnorePlugin(/^\.\/js\/(?!admin)/),Salidas en la carpeta ROOT. Entonces quiero deshabilitar todos los archivos JS de la salida en la carpeta raíz. "admin" es el archivo que se está creando.
¿Cómo puedo hacer esto?
Para responder adecuadamente a su pregunta, sería útil si publicara un enlace al archivo de configuración de WP completo y un ejemplo del archivo que se está procesando.
Además, mencionó que solo está usando WP para crear un archivo CSS, ¿eso significa que solo está tratando de usar algo como SASS, Stylus, Less, etc.? Si es así, probablemente podría configurar un script package.json para compilar su CSS sin WP.
Por ejemplo, si tiene un archivo .scss , puede instalar node-sass y crear un script de Node simple para compilar el archivo que pasa como argumento.
bin/ - build-css.js src/ - styles.sass Dentro build-css.js
#!/usr/bin/env node const { basename, resolve } = require('path'); const sass = require('node-sass'); const [...files] = process.argv.slice(2); if (files.length) { files.forEach((relativeFilePath) => { const fileName = basename(relativeFilePath, '.scss'); sass.render( { file: resolve(__dirname, relativeFilePath), outFile: resolve(__dirname, `./public/css/${fileName}.css`), }, (err, result) => { console.log(err); } ); }); } else { console.log('No files were provided to process'); } Dentro package.json
"scripts": { "build:css": "node ./bin/build-css.js" }Lo anterior tiene la ventaja de brindarle el control de cómo se procesan sus archivos a un nivel más granular, y solo está bloqueado para cualquier cambio de SCSS, en lugar de Webpack y SCSS.
Si está utilizando WP para sus capacidades de visualización de archivos, puede conectar chokidar para ejecutar el nuevo script cuando cambie los archivos.