angulaire.js - Plusieurs problèmes avec les projets de packaging Webpack ?

Question

J'ai récemment utilisé webpack pour empaqueter le dossier angulaire1. Le chemin de templateUrl dans ma configuration de routage ne peut-il pas être codé en dur directement ?

//app.config.js
routing.$inject = ['$stateProvider', '$urlRouterProvider', '$locationProvider'];

export default function routing($stateProvider, $urlRouterProvider, $locationProvider){
    $urlRouterProvider.otherwise('/home');

    $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'views/home.html',
            controller: 'HomeController'
        })
};

2. Il y a beaucoup de srcs img dans la page, mais les chemins sont erronés après l'emballage ?

<img src="../img/ico_why.png"/>

Après avoir utilisé

, il semble que le chemin soit également erroné ng-src

3. Lors de l'utilisation d'un plug-in tiers, il doit configurer l'emplacement d'un plug-in

, mais après emballage, le chemin est toujours erronébasePath

J'ai l'impression que le chemin d'empaquetage du webpack est très flou et diverses erreurs sont signalées !

Answer 1

Pourquoi ne pas importer le modèle HTML et utiliser ce modèle :
https://github.com/hjzheng/an...
Partagez un morceau de code que j'ai écrit auparavant :

import template from './dashboard.partial.html';
import DashboardCtrl from './DashboardCtrl';

function router($stateProvider, $urlRouterProvider) {

    $stateProvider
        .state('dashboard', {
            url: '/dashboard',
            template: template,
            label: 'Dashboard',
            icon: 'glyphicon-dashboard',
            controller: DashboardCtrl,
            controllerAs: '$ctrl'
        });

    $urlRouterProvider.otherwise('/dashboard');
}

router.$inject = ['$stateProvider', '$urlRouterProvider'];

export default router;

Quant au chemin de l'image, je ne l'ai jamais recherché. Nos produits utilisent principalement iconfont, nous recherchons donc des réponses