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

发布时间：2020-12-17 07:18:30 所属栏目：安全来源：网络整理

导读：我们的想法是从所有html文件中获取1个JS文件. 之后通过require使用它： templateUrl: require('./views/user-list.html') 你能分享一下你的体验吗？我正在谷歌搜索它,发现几个装载webpack但不知道该使用什么. 我决定将web-pack的ng-cache loader与ES2015语

我们的想法是从所有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;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!