問(wèn)題描述

最近用webpack想打包angular1.x項(xiàng)目，但是遇到一些問(wèn)題1、用的是angular，然后我把模板都放在views文件夾里，但是打包的時(shí)候views并沒(méi)有打包到dist文件夾下，是不是我路由配置中templateUrl的路徑不能直接寫死啊？

//app.config.jsrouting.$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、頁(yè)面中有很多img的src在打包后路徑都錯(cuò)了？

<img src='http://m.b3g6.com/img/ico_why.png'/>

用了ng-src好像路徑也是不對(duì)的

3、 用了第三方的插件，它需要配置一個(gè)插件的位置basePath，但是打包后一樣是路徑錯(cuò)了

感覺(jué)對(duì)webpack打包路徑很不清楚，各種報(bào)錯(cuò)啊！

問(wèn)題解答

你為什么不把html模板 import 進(jìn)去，用那個(gè)template:https://github.com/hjzheng/an...分享一段我之前寫的代碼：

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;

至于那個(gè)圖片路徑，真沒(méi)研究過(guò)，我們產(chǎn)品主要用iconfont，所以同求答案