Title: WP Compiler
Author: Bytes.co
Published: <strong>2018년 10월 21일</strong>
Last modified: 2018년 10월 22일

---

플러그인 검색

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

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

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

# WP Compiler

 작성자: [Bytes.co](https://profiles.wordpress.org/burlingtonbytes/)

[다운로드](https://downloads.wordpress.org/plugin/wp-compiler.zip)

 * [세부사항](https://ko.wordpress.org/plugins/wp-compiler/#description)
 * [평가](https://ko.wordpress.org/plugins/wp-compiler/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/wp-compiler/#installation)
 * [개발](https://ko.wordpress.org/plugins/wp-compiler/#developers)

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

## 설명

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.

## 스크린샷

[⌊The admin bar interface of WP Compiler⌉⌊The admin bar interface of WP Compiler⌉[

The admin bar interface of WP Compiler

[⌊The admin bar interface of WP Compiler, in dev mode⌉⌊The admin bar interface of
WP Compiler, in dev mode⌉[

The admin bar interface of WP Compiler, in dev mode

[⌊The settings page⌉⌊The settings page⌉[

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.

## 후기

![](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/) 2019년 9월 23일

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/) 2019년 9월 21일

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/) 2019년 9월 17일

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/) 
2019년 7월 22일

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/) 2019년 7월 6일

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/)󠁿

 [dragosstancu](https://profiles.wordpress.org/dragosstancu/) 2019년 3월 18일

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.

 [ 모든 6 평가 읽기 ](https://wordpress.org/support/plugin/wp-compiler/reviews/)

## 기여자 & 개발자

“WP Compiler”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

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

[자국어로 “WP Compiler”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/wp-compiler)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/wp-compiler/)는, [SVN 저장소](https://plugins.svn.wordpress.org/wp-compiler/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/wp-compiler/)
을 [RSS](https://plugins.trac.wordpress.org/log/wp-compiler/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0

 * Initial Release

## 기초

 *  버전 **1.0.0**
 *  최근 업데이트: **8년 전**
 *  활성화된 설치 **1,000+**
 *  워드프레스 버전 ** 4.8 또는 그 이상 **
 *  다음까지 시험됨: **5.0.25**
 *  PHP 버전 ** 5.6 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/wp-compiler/)
 * 태그:
 * [less](https://ko.wordpress.org/plugins/tags/less/)[sass](https://ko.wordpress.org/plugins/tags/sass/)
   [scss](https://ko.wordpress.org/plugins/tags/scss/)[styles](https://ko.wordpress.org/plugins/tags/styles/)
 *  [고급 보기](https://ko.wordpress.org/plugins/wp-compiler/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  6/5-별점 후기     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/wp-compiler/reviews/?filter=1)

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

[모든  리뷰 보기](https://wordpress.org/support/plugin/wp-compiler/reviews/)

## 기여자

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

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/wp-compiler/)