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

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使用webpack编译角度模板?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们的想法是从所有html文件获取1个JS文件.
之后通过require使用它:
templateUrl: require('./views/user-list.html')

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

我决定将web-pack的ng-cache loader与ES2015语法一起使用:它意味着从而不是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;

猜你在找的Angularjs相关文章