如何使用角度爲1.x和webpack的模板

Question

我試圖使用webpack與我的角度的應用程序，但每當我嘗試加載到模板的HTML我得到的錯誤。這是一個目前我得到：

模塊解析失敗：C：\用戶\費邊\ Dropbox的\ FixMyCity \ FixMyCity的\ src \ FixMyCity.Web \軟件\設置\ settings.html意外標記（1 ：0）
您可能需要一個合適的加載程序來處理此文件類型。

這讓我覺得，我沒有爲HTML正確加載，但我既raw-loader和html-load和他們都沒有嘗試過爲我工作。

這是我目前webpack.config.js

module.exports = { 
    entry: './App/app.js', 
    output: { 
     filename: './wwwroot/app-bundle.js' 
    }, 
    loaders: [ 

      { test: /\.html$/, loader: 'html' }, 
      { test: /\.css$/, loader: 'style!css' }, 
    ] 
}; 

app.js

var app = angular.module('app', ['auth0', 'angular-storage', 'angular-jwt', 'ngRoute']) 
.config(['$routeProvider', 'authProvider', 'jwtInterceptorProvider', '$httpProvider', configFunction]) 


function configFunction($routeProvider, authProvider, jwtInterceptorProvider, $httpProvider) { 
    // Configure routes for your application 
    $routeProvider 
     .when('/', { 
      controller: 'HomeCtrl', 
      template: require('./home/home.html'), 
      requiresLogin: true 
     }) 
} 

Answer 1

必須從NPM安裝HTML裝載機，之後你HEVE把物業裝載機值「HTML裝載機」。

像這樣：

module.exports = { 
entry: './App/app.js', 
output: { 
    filename: './wwwroot/app-bundle.js' 
}, 
loaders: [ 

     { test: /\.html$/, loader: 'html-loader' }, 
     { test: /\.css$/, loader: 'style!css' }, 
]};