cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - webpack打包项目的几个问题?

最近用webpack想打包angular1.x项目,但是遇到一些问题
1、用的是angular,然后我把模板都放在views文件夹里,但是打包的时候views并没有打包到dist文件夹下,是不是我路由配置中templateUrl的路径不能直接写死啊?

//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、页面中有很多img的src在打包后路径都错了?

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

用了ng-src好像路径也是不对的

3、 用了第三方的插件,它需要配置一个插件的位置basePath,但是打包后一样是路径错了

感觉对webpack打包路径很不清楚,各种报错啊!

世界只因有你世界只因有你2744 hari yang lalu452

membalas semua(1)saya akan balas

  • PHPz

    PHPz2017-05-15 17:07:16

    Mengapa anda tidak mengimport templat html dan menggunakan templat itu:
    https://github.com/hjzheng/an...
    Kongsi sekeping kod yang saya tulis sebelum ini:

    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;
    

    Bagi laluan imej, saya tidak pernah menelitinya terutamanya produk kami menggunakan iconfont, jadi kami mencari jawapan

    balas
    0
  • Batalbalas