Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

AEM VUE Integration

devj81705801
Level 2
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
hamidk92094312
Employee
Employee

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

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

devendrad740021
Level 1
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?