Implementation steps in a cordova app (core app without bundler) ?

[maqeelqureshi]

I am trying to migrate from V5 to V6. I need to avoid xhr requests for performance.

For testing this loader I have created a new cordova-core app without bundler (webpack) using CLI. Now what would be the steps to implement this loader?

I tried following steps,

1. Installed and tested webpack plugin
2. npm i framework7-loader
3. Updated webpack.config.js

 rules: [
      {
        test: /\.f7.html$/,
        use: [
          'babel-loader',
          'framework7-loader',
        ],
      },
      {
        test: /\.f7.js$/,
        use: [
          'babel-loader',
          'framework7-loader',
        ],
      },
    ]

4. Renamed routes.js to routes.f7.js
5. Updated routes.f7.js to `import about from '../pages/about.f7.html';

var routes = [
  {
    path: '/',
    url: './index.html',
  },
  {
    path: '/about/',
    component:about,
    //url: './pages/about.html',
  },
];


export default routes;

6. rename about.html to about.f7.html
7. Removed references of routes.js and app.js from index.html. (because if will use import than i will have to rename this to index.f7.html)

Now when i try to run the application is shows error that
GET http://localhost:8080/config.xml 404 (Not Found)