Title: WP Compiler
Author: Bytes.co
Published: <strong>21 de octubre de 2018</strong>
Last modified: 22 de octubre de 2018

---

Buscar plugins

![](https://ps.w.org/wp-compiler/assets/banner-772x250.png?rev=1960739)

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

![](https://ps.w.org/wp-compiler/assets/icon-256x256.png?rev=1960140)

# WP Compiler

 Por [Bytes.co](https://profiles.wordpress.org/burlingtonbytes/)

[Descargar](https://downloads.wordpress.org/plugin/wp-compiler.zip)

 * [Detalles](https://es.wordpress.org/plugins/wp-compiler/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/wp-compiler/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/wp-compiler/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/wp-compiler/#developers)

 [Soporte](https://wordpress.org/support/plugin/wp-compiler/)

## Descripción

Harness the power of pre-processed CSS and minified JS in your theme or plugin, 
without any complicated installs or build tools. Simply tell WP Compiler where to
find your source files and where to put the compiled results, then throw your install
into Dev Mode. WP Compiler watches your source folders for you, and recompiles your
CSS and JS on any file change. WP Compiler supports both SCSS and LESS precompilers
for CSS, to suit anyone’s preference.

When you’re ready to launch a new site, just turn off Dev Mode, and your styles 
and javascript will be compiled & minimized and comments & source maps will be removed.
With Dev mode disabled, Compiler will stop watching source directories, so there
is no effect on site performance, but you can still apply a quick change at any 
time, by clicking the compile button in the admin toolbar.

WP Compiler relies on [scssphp](http://leafo.github.io/scssphp/), [lessphp](http://lessphp.typesettercms.com/),
and [minify](https://www.minifier.org/).
 Specific issues with the underlying compilation
libraries should be submitted to their respective developers.

## Capturas

 * [[
 * The admin bar interface of WP Compiler
 * [[
 * The admin bar interface of WP Compiler, in dev mode
 * [[
 * The settings page

## FAQ

  How can I combine multiple JavaScript files?

The easiest way to compile your JS is to store it all in a single directory. If 
you set your compilation source to be the directory path, all JS files in the directory
will be combined and minified.

  How can I make sure JavaScript files are minified in a specific order?

WP Compiler supports `.manifest` files for JavaScript. This is a custom file format
in which each line consists of a relative file path to a JS file, a relative path
to a directory containing JS, or a relative path to another `.manifest` file. for
clarity, lines beginning with a hash symbol (#) are treated as comments.

Here is an example of a manifest file:

> # <js.manifest>
>  # This is a sample JavaScript manifest file for WP Compiler #
> all paths are relative to the current manifest file # First we are going to load
> specific files that have to come first test-script.js test-script2.js # Now let’s
> load a sub-manifest partials/js.manifest # Finally, let’s load a folder whose 
> contents # don’t need to be in a specific order external-scripts/

  What about AutoPrefixing, JS Transpiling, NPM includes, Require.js, Custom Task
Runners or ?

Unfortunately, there is a limit to how many of the immense number of node.js build
processes available can be replicated in native PHP. Please let us know about which
features you’d most like to see tackled next.

## Reseñas

![](https://secure.gravatar.com/avatar/494f3a54ecc5a615c5970a16b107862dd200c807548d37aaad5a35ee222dd222?
s=60&d=retro&r=g)

### 󠀁[Very useful plugin](https://wordpress.org/support/topic/very-useful-plugin-844/)󠁿

 [tomaaszq](https://profiles.wordpress.org/tomaaszq/) 23 de septiembre de 2019

I was looking for a way to compile scss directly on the server and have a compilation
there without installing Gulp on the server. From today I don’t have to watch and
send files locally. Plugin works very good, Thanks!

![](https://secure.gravatar.com/avatar/3c6cec17aa0e076a2de275e31aef929b72e6f7ab0ccc7af21d2195ef37c2b913?
s=60&d=retro&r=g)

### 󠀁[Great potential! (but one small problem)](https://wordpress.org/support/topic/great-potential-but-one-small-problem/)󠁿

 [mikhaell](https://profiles.wordpress.org/mikhaell/) 21 de septiembre de 2019

I use this plugin successfully. Good job! It has a wide application for me. I have
only one problem – if I use ‘production mode’, sass is compiled and compressed correctly,
but JS (using js.manifest) generates an empty file. I will note that in the «development
mode», everything works fine! I look forward to new releases and hope to implement
transpilation from ES6 to ES5 in the near future 🙂

![](https://secure.gravatar.com/avatar/634ecb941b7365b734319def79884fbf79359b016f2cd3bfabb17a24c6a34169?
s=60&d=retro&r=g)

### 󠀁[What plugins should aspire to](https://wordpress.org/support/topic/what-plugins-should-aspire-to/)󠁿

 [chrishaff](https://profiles.wordpress.org/chrishaff/) 17 de septiembre de 2019

I used this with the understrap theme to compile a customized bootstrap along with
my own SCSS. This plugin is focused om it’s task to help you during development 
with the excellent auto-compilation when you turn on DEV MODE. You can just forget
about it and edit your files and they will be compiled on save. The plugin has no
impact on a production site. Thank You!

![](https://secure.gravatar.com/avatar/2d5342818410a9125ff388ae3202e8e2d635237583b1cafab1edfbea01e9d379?
s=60&d=retro&r=g)

### 󠀁[Quick, Easy, Simple!](https://wordpress.org/support/topic/quick-easy-simple-2/)󠁿

 [hardonhorsepoweradmin](https://profiles.wordpress.org/hardonhorsepoweradmin/) 
22 de julio de 2019

I have been manually compiling my LESS style-sheets for a few years now, then tried
a few other automatic compilers from other sources with no luck. Many other methods
are slow, and do not include the «Dev Mode» which this plugin includes. This plugin
is simple to use, and does what it should without error. The Dev Mode feature is
very nice when you need to test style-sheet changes to live site without deploying
a staging site. Thank you again!

![](https://secure.gravatar.com/avatar/262bf099edcb53bca27851b920e82d1256263ea59e505d8f02a69e310ae6dd4a?
s=60&d=retro&r=g)

### 󠀁[Simple, well-coded and really handy](https://wordpress.org/support/topic/simple-well-coded-and-really-handy/)󠁿

 [sammccarthy](https://profiles.wordpress.org/sammccarthy/) 6 de julio de 2019

I use UIKit, and this plugin makes it incredibly easy to incorporate the .less source
files into my own stylesheets and compile it all on the fly when changes are made.
Thank you for making a great plugin.

![](https://secure.gravatar.com/avatar/51dc02ee26a7e7598a9bc59f28b15c22a7a683f69ff56d491b9dd4455739cd95?
s=60&d=retro&r=g)

### 󠀁[Brilliant](https://wordpress.org/support/topic/brilliant-1096/)󠁿

 [DRAGOS](https://profiles.wordpress.org/dragosstancu/) 18 de marzo de 2019

A very useful tool for developers. Helps you keep your js/css clean and structured
into files, for easy access. Works like a charm! Exactly what I was looking for.
A true time saver. The .manifest feature is golden.

 [ Leer todas las 6 reseñas ](https://wordpress.org/support/plugin/wp-compiler/reviews/)

## Colaboradores y desarrolladores

«WP Compiler» es un software de código abierto. Las siguientes personas han colaborado
con este plugin.

Colaboradores

 *   [ Bytes.co ](https://profiles.wordpress.org/burlingtonbytes/)

[Traduce «WP Compiler» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/wp-compiler)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/wp-compiler/) , echa
un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/wp-compiler/) 
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/wp-compiler/)
por [RSS](https://plugins.trac.wordpress.org/log/wp-compiler/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0

 * Initial Release

## Meta

 *  Versión **1.0.0**
 *  Última actualización **hace 8 años**
 *  Instalaciones activas **1.000+**
 *  Versión de WordPress ** 4.8 o superior **
 *  Probado hasta **5.0.25**
 *  Versión de PHP ** 5.6 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/wp-compiler/)
 * Etiquetas:
 * [less](https://es.wordpress.org/plugins/tags/less/)[sass](https://es.wordpress.org/plugins/tags/sass/)
   [scss](https://es.wordpress.org/plugins/tags/scss/)[styles](https://es.wordpress.org/plugins/tags/styles/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/wp-compiler/advanced/)

## Valoraciones

 5 de 5 estrellas.

 *  [  6 valoraciones de 5 estrellas     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/wp-compiler/reviews/#new-post)

[Ver todas las valoraciones](https://wordpress.org/support/plugin/wp-compiler/reviews/)

## Colaboradores

 *   [ Bytes.co ](https://profiles.wordpress.org/burlingtonbytes/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/wp-compiler/)