How to update js version to es6 in enonic

cherysan19 · June 23, 2022, 10:59am

I want to use includes() and padding methods in my enonic project. bit as I found my enonic js version is not ES6. SO I cannot use those methods in my project. Is there any way to update JS version in enonic project

pkw · June 23, 2022, 11:29am

Hey cherysan19;

You can transpile code down to es5 (Usually done with babel and webpack). Our current engine supports es5. Then you can write es6 code and when building the output will be es5 code.

We are working on integrating a new engine that supports es6. I don’t know how soon this will be available.

tom · June 27, 2022, 6:43pm

Hi @cherysan19

We are using the Webpack Starter for all our projects.

Here is an example there on how to polyfill functions you need serverside:

github.com

enonic/starter-webpack/blob/master/webpack.server.config.js#L90

      
        
              const entries = listEntries('ts', [
                // Add additional files to the ignore list.
                // The following path will be transformed to 'src/main/resources/types.ts:
                'types.ts'
              ]).filter(entry => entry.indexOf('.d.ts') === -1);
            
            
  return R.pipe(
                setEntriesForPath(entries),
                addRule(rule),
                addPlugin(new ProvidePlugin({
                  'Object.assign': [path.join(__dirname, RESOURCES_PATH, 'polyfills'), 'assign']
                })),
                prependExtensions(['.ts', '.json'])
              )(cfg);
            }
            
            
// BABEL
            function addBabelSupport(cfg) {
              const rule = {
                test: /\.(es6?|js)$/,
                exclude: /node_modules/,

– Tom Arild