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

Question

我们的想法是从所有html文件中获取1个JS文件.之后通过require使用它:

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

你能和我分享经验吗？我正在谷歌搜索它,发现几个装载webpack但不知道该使用什么.

Answer 1

我决定将web-pack的ng-cache loader与ES2015语法一起使用:它意味着import from代替require.

我的webpack配置的一部分:

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;