2017 © Pedro Peláez
 

silverstripe-theme sswebpack_engine_only

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

image

sunnysideup/sswebpack_engine_only

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  • Friday, June 8, 2018
  • by sunnysideup
  • Repository
  • 3 Watchers
  • 1 Stars
  • 516 Installations
  • JavaScript
  • 4 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 8 Versions
  • 3 % Grown

The README.md

Base SilverStripe theme with a webpack build system

This webpack install allows you to compile any project / vendor/package., (*1)

It uses symphony encore to make it fly!, (*2)

Installation

  • Install this to your themes folder as sswebpack_engine_only (composer should do this automatically), (*3)

  • Make sure you are on the latest version of node and npm (you could use nvm for this)., (*4)

  • run npm install in the root folder of module., (*5)

  • See the examples-from-root-of-project folder for the files you need to create., (*6)

  • Expose the dist folder in the public resources folder, using composer, as per usual., (*7)

  • Browse to the root folder of this module and use the following commands:, (*8)

Usage

npm run MY_COMMAND --theme_dir=themes/mytheme`

OR, (*9)

npm run MY_COMMAND --theme_dir=vendor/myvendor/mypackage/client`

Where MY_COMMAND can be - dev (debug), - watch (develop), or - build (prepare for production)., (*10)

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., (*11)

  • the main.js and style.scss show you to include JS and CSS from other parts., (*12)

  • Add a themes/mytheme/dist folder for the final output., (*13)

  • 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 in mytheme/src by adding a package.json file, i.e. running npm init -y && npm install in the mytheme/src folder., (*14)

jQuery

  • jQuery has been aliased so that you can use jQuery anywhere without importing it., (*15)

  • jQuery can also be added to the global namespace: window.jQuery = jquery (untested)., (*16)

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:, (*17)

  1. add sunnysideup/webpack_requirements_backend:dev-master using composer
  2. check out its documentation on how to add the required files.

The Versions

08/06 2018

dev-master

9999999-dev

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

BSD-3-Clause Sunny Side Up (BSD-3-Clause and CUSTOM)

The Requires

 

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

01/06 2018

dev-dev-4.1-upgrade

dev-dev-4.1-upgrade

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

BSD-3-Clause

The Requires

 

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

01/05 2018

5.0.0

5.0.0.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

BSD-3-Clause

The Requires

 

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

26/02 2018

4.0.0

4.0.0.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

BSD-3-Clause

The Requires

 

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

08/12 2017

3.0.1

3.0.1.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

Sunny Side Up (BSD-3-Clause and CUSTOM)

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

19/11 2017

3.0.0

3.0.0.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

Sunny Side Up (BSD-3-Clause and CUSTOM)

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

15/09 2017

2.0.0

2.0.0.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

Sunny Side Up (BSD-3-Clause and CUSTOM)

The Requires

 

by Nicolaas Francken

cms silverstripe webpack silverstripe-cms front-end framework webpack theme silverstripe webpack blank theme

28/08 2017

1.0.0

1.0.0.0

Webpack engine for Silverstripe without any theme at all. Inspired and HUGE THANK YOU to: andrewhaine/silverstripe-webpack-theme

  Sources   Download

Sunny Side Up (BSD-3-Clause and CUSTOM)

The Requires

 

by Nicolaas Francken

silverstripe webpack front-end framework webpack theme silverstripe webpack blank theme