angularjs – 如何使用webpack编译角度模板？

templateUrl: require('./views/user-list.html')

我决定将web-pack的ng-cache loader与ES2015语法一起使用：它意味着从而不是require导入.

我的webpack配置的一部分：

@H_298_2@module: { loaders: [ { test: /\.js$/,loader: 'babel',include: APP },{ test: /\.html$/,loader: 'ng-cache?prefix=[dir]/[dir]' },] },

以及带模板的指令示例：

import avatarTemplate from './views/avatar.html';

const avatar = function() {
  return {
    reStrict: 'E',replace: true,scope: {
      user: '='
    },template: avatarTemplate
  }
};

export default avatar;