组件在Angular2中被缓存——防止了视图缓存

Components are getting cached in Angular2 - preventing view caching

本文关键字：缓存 视图 组件 Angular2      更新时间：2023-09-26

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

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

。更新/释放视图，并在页面加载时反映更改。

如果使用webpack构建应用程序，则内置支持向文件名添加哈希值，例如:

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项目，上面的代码会自动为你处理。

相关文章：