组件正在Angular2中缓存 - 阻止了视图缓存

Question

Angular 1中的

包含在浏览器中自动缓存。一种流行的解决方法是在数据包含中添加一个版本作为查询字符串。

如何在Angular2中防止或控制缓存？

即。更新/释放视图并反映加载该页面时的更改。

Answer 1

如果使用webpack构建应用程序，则有内置支持将hash添加到filename，例如：

module.exports = {
    entry: { 'app': './src/main.ts' },
    output: {
        path: root + '/dist',
        filename: '[name].[hash].js',
        chunkFilename: '[id].[hash].bundle.js'
    },

所以dist目录看起来如下所示：

dist
├── assets                                                                                                                             
├── index.html                                                                                                                         
├── inline.js                                                                                                                          
├── main.800a8a9b422ccd7272ce.bundle.js                                                                                                
└── styles.f8225afc6bf827fa5376.bundle.js

如果您angular-cli生成并构建了angular2项目，则会自动为您处理上述内容。