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

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

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

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

我的webpack配置的一部分:

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

以及带模板的指令示例:

@H_301_2@import avatarTemplate from './views/avatar.html'; const avatar = function() { return { restrict: 'E',replace: true,scope: { user: '=' },template: avatarTemplate } }; export default avatar;

猜你在找的Angularjs相关文章