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

其想法是在所有html文件中包含1个JS文件。 仅需通过require使用即可：

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

你能分享一下你的经验吗？

---

我在谷歌上搜索它，找到了几个Web包加载程序，但不确定要使用什么。

我决定将ng cache loader与ES2015语法一起使用：它意味着从

导入，而不是
需要

我的网页包配置的一部分：

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;

你的回答是对的。但是，仅为其提供替代方案：

const avatar = function() {
  return {
    restrict: 'E',
    replace: true,
    scope: {
      user: '='
    },
    template: require("../path/to/file.html"),
  }
};

export default avatar;

在Webpack.config文件中，您可以添加主html，如下所示

 plugins: [ 
new HtmlWebpackPlugin({
    template: 'index.html'
}),
new ExtractTextPlugin('bundle.css')

],，
在package.json中包含html加载程序，在config块中使用下面的方法就足够了

$stateProvider.state('app', {
        url: '/app',
        template: require('html-loader!root/app/Common/templates/role.html'),
        controller: 'roleController'
    })

因此，所有部分都将捆绑在bundle.js本身中。无需在webpack config中添加加载程序
您可以只在前缀上添加一个特定文件夹吗？您认为这比使用require更好/更糟吗？（好奇）您认为这比使用导入更好/更糟吗？（好奇）