角 2 公约装入器

允许默认 @Component 角 2 的元数据

npm install @angularclass/conventions-loader --save-dev 装入器选项

// default values
selectorPrefix = '';
cssExtension   = '.css';
htmlExtension  = '.html';
'-component' is removed from selector generated by className

{
  test: /\.ts$/,
  loaders: [
    'ts-loader',
    '@angularclass/conventions-loader'
  ]
},

鉴于这个简单的组件示例 app.js

@Component({})
export class App {
}

Webpack 会更改代码 app.js

@Component({
  selector: "app",
  styles: [require("./app.css")],
  template: require("./app.html")
})
export class App {
}

这是假设您在组件旁边有相应的文件 。 您可以随时通过提供选择器来覆盖选择器 。 如果选择器和组件文件名不匹配,则会给选择器注入相应的cs/template文件.

贷项

肖恩·拉金 从Webpack团队 拉尔克Inn/angular2型高温装载器

享受.. 角分类

{\fn华文仿宋\fs16\1cHD1D1D1}角分类

从最优秀学习AngularJS,Angular 2和现代网络开发. 寻找公司角力训练, 想要主办我们, 还是角力咨询? [email protected] (英语)

阿帕奇 - 2.0