Expand my Community achievements bar.

AEM VUE Integration

Avatar

Level 2

How can we integrate VUE with AEM . Any small sample example. It should be without cdn. I need to use Maven npm plugin. So need to know how dependecy for vu json will get resolved. I tried to add below in pom and added package.json parallel to pom. But where all the js will get created or saved . Generally in standalone vue js dist folder gets created where we have required js, So with Aem how it will be done.

pom.xml

<plugin>

                <groupId>com.github.eirslett</groupId>

                <artifactId>frontend-maven-plugin</artifactId>

                <version>1.8.0</version>

                <executions>

                    <execution>

                        <id>install node and npm</id>

                        <goals>

                            <goal>install-node-and-npm</goal>

                        </goals>

                        <configuration>

                            <nodeVersion>v8.11.1</nodeVersion>

                            <npmVersion>5.8.0</npmVersion>

                        </configuration>

                    </execution>

                    <execution>

                        <id>npm install</id>

                        <goals>

                            <goal>npm</goal>

                        </goals>

                    </execution>

                </executions>

            </plugin

2 Replies

Avatar

Employee

Check the following repo that can help you to structure your project:

https://github.com/ahmed-musallam/AtACE-AEM-Vue

Avatar

Level 1

Thanks for the GitHub. but my query is how the js dependency filed gets loaded via pom and package json. Means we will have just pom and package json then we run mvn install command. So where the js files will be created which we can use for vue js application. We also need to point out clientlibs to point those js so that we can use them right?