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
BedrockMission!

Learn More

View all

Sign in to view all badges

AEM VUE Integration

Avatar

Avatar
Validate 1
Level 2
devj81705801
Level 2

Likes

3 likes

Total Posts

18 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 3
View profile

Avatar
Validate 1
Level 2
devj81705801
Level 2

Likes

3 likes

Total Posts

18 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 3
View profile
devj81705801
Level 2

28-10-2019

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

Replies

Avatar

Avatar
Contributor
Employee
hamidk92094312
Employee

Likes

102 likes

Total Posts

240 posts

Correct Reply

38 solutions
Top badges earned
Contributor
Shape 1
Ignite 1
Give Back 50
Give Back 5
View profile

Avatar
Contributor
Employee
hamidk92094312
Employee

Likes

102 likes

Total Posts

240 posts

Correct Reply

38 solutions
Top badges earned
Contributor
Shape 1
Ignite 1
Give Back 50
Give Back 5
View profile
hamidk92094312
Employee

28-10-2019

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

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

Avatar

Avatar
Give Back
Level 1
devendrad740021
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Give Back
View profile

Avatar
Give Back
Level 1
devendrad740021
Level 1

Likes

0 likes

Total Posts

1 post

Correct Reply

0 solutions
Top badges earned
Give Back
View profile
devendrad740021
Level 1

28-10-2019

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?