angularjs - 如何使用 webpack 编译 angular 模板？

Question

这个想法是在所有 html 文件中包含 1 个 JS 文件。
在通过 require 使用它之后:

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

请问可以分享一下经验吗？
我在谷歌上搜索它并找到了几个用于 webpack 的加载器，但不知道该使用什么。

Answer 1

我决定对 webpack 使用 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;