angular.js - webpack打包專案的幾個問題？

Question

最近用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打包路徑很不清楚，各種報錯啊！

Answer 1

為什麼不把html模板 import 進去，用那個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;

至於那個圖片路徑，真沒研究過，我們產品主要用iconfont，所以同求答案