You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.5 KiB
43 lines
1.5 KiB
= Bundling an npm version of TinyMCE with ES6 and Webpack
|
|
:navtitle: ES6 and npm
|
|
:description_short: Bundling an npm version of TinyMCE in a project using ES6 and Webpack
|
|
:description: Bundling an npm version of TinyMCE in a project using ES6 and Webpack
|
|
:keywords: webpack, es6, es2015, npm, modules, tinymce
|
|
:installtype: an npm
|
|
:bundler: https://webpack.js.org/[Webpack]
|
|
:syntax: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules[ES6+ syntax]
|
|
|
|
include::partial$module-loading/bundling-procedure-intro.adoc[]
|
|
|
|
== Requirements
|
|
|
|
This guide requires the following:
|
|
|
|
* Node.js and npm
|
|
* Basic knowledge of how to use https://webpack.js.org/[Webpack]
|
|
* (Optional: For premium features) The latest premium `+.zip+` bundle of TinyMCE for including premium plugins
|
|
|
|
== Procedure
|
|
|
|
:is_zip_install: false
|
|
|
|
include::partial$module-loading/webpack-dev-dependencies.adoc[]
|
|
|
|
include::partial$module-loading/bundling-webpack-es6-npm_editor.adoc[]
|
|
|
|
include::partial$module-loading/bundling-webpack-es6-npm_webpack.config.adoc[]
|
|
|
|
include::partial$module-loading/bundling-webpack-es6_index.adoc[]
|
|
|
|
. Run Webpack to test the bundle, such as:
|
|
+
|
|
[source,sh]
|
|
----
|
|
webpack --config webpack.config.js
|
|
----
|
|
+
|
|
If Webpack runs successfully, check that the editor loads in the application. If Webpack fails, review any errors and review the configuration changes in this procedure; you may need to adjust for conflicts or other issues when bundling {productname} into an existing project.
|
|
|
|
:!is_zip_install:
|
|
|
|
include::partial$module-loading/bundling-next-steps.adoc[]
|