Title: WP Compiler Author: Bytes.co Published: 2018 年 10 月 21 日 Last modified: 2018 年 10 月 22 日 --- 搜尋外掛 ![](https://ps.w.org/wp-compiler/assets/banner-772x250.png?rev=1960739) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](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://tw.wordpress.org/plugins/wp-compiler/#description) * [使用者評論](https://tw.wordpress.org/plugins/wp-compiler/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/wp-compiler/#installation) * [開發資訊](https://tw.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 ## 常見問題集 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: > # > # 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/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-compiler/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-compiler/)。 ## 變更記錄 #### 1.0 * Initial Release ## 中繼資料 * 版本 **1.0.0** * 最後更新 **8 年前** * 啟用安裝數 **1,000+** * WordPress 版本需求 ** 4.8 或更新版本 ** * 已測試相容的 WordPress 版本 **5.0.25** * PHP 版本需求 ** 5.6 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/wp-compiler/) * 標籤: * [less](https://tw.wordpress.org/plugins/tags/less/)[sass](https://tw.wordpress.org/plugins/tags/sass/) [scss](https://tw.wordpress.org/plugins/tags/scss/)[styles](https://tw.wordpress.org/plugins/tags/styles/) * [進階檢視](https://tw.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/)