Download the PHP package sunnysideup/sswebpack_engine_only without Composer
On this page you can find all versions of the php package sunnysideup/sswebpack_engine_only. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download sunnysideup/sswebpack_engine_only
More information about sunnysideup/sswebpack_engine_only
Files in sunnysideup/sswebpack_engine_only
Package sswebpack_engine_only
Short Description Webpack engine for Silverstripe without any theme at all. Use this with any theme / module you are building. You can also use it without SilverStripe at all.
License BSD-3-Clause
Informations about the package sswebpack_engine_only
Base SilverStripe theme with a webpack build system
This webpack install allows you to compile any project / vendor/package.
It uses symphony encore to make it fly!
Installation
-
Install this to your themes folder as
sswebpack_engine_only
(composer should do this automatically) -
Make sure you are on the latest version of node and npm (you could use nvm for this).
-
run
npm install
in the root folder of module. -
See the
examples-from-root-of-project
folder for the files you need to create. -
Expose the dist folder in the public resources folder, using composer, as per usual.
- Browse to the root folder of this module and use the following commands:
Usage
OR
Where MY_COMMAND can be
dev
(debug),watch
(develop), orbuild
(prepare for production).
Good to know
required structure
-
Your theme name can be anything. We use
mytheme
as an example name. You can also use this webpack on vendor packages. -
the
main.js
andstyle.scss
show you to include JS and CSS from other parts. -
Add a
themes/mytheme/dist
folder for the final output. - Add a
themes/mytheme/my_node_modules/
to include other modules (using a package.json file inside that folder). You can also include node modules inmytheme/src
by adding apackage.json
file, i.e. runningnpm init -y && npm install
in themytheme/src
folder.
jQuery
-
jQuery has been aliased so that you can use jQuery anywhere without importing it.
- jQuery can also be added to the global namespace:
window.jQuery = jquery
(untested).
Editor File
- There is an option to also include an editor file so that you can add it to your TinyMCE HTML Editor. Run the watch / build command you will see the configurations available.
including the build files:
Here is how to include the files efficiently:
- add
sunnysideup/webpack_requirements_backend:dev-master
using composer - check out its documentation on how to add the required files.