在多页应用程序中缓存供应商捆绑文件
我们的情况很特殊：我们有Golang模板，其中包含服务器渲染的HTML和前端资产（HTML / CSS / JS标签）的混合。我们正在从无处不在的.center {
margin: auto;
height: 500px;
width: 500px;
}
body {
background-color: lightgrey;
height: 100%;
display: grid;
}
标签和jQuery转移到ReactJS和Webpack管理资产。
模板
我们项目中的典型模板如下：
<script>Webpack配置
截至昨天，当我从所有捆绑包文件中拆分{{/* some Golang template logic */}}
<link rel=stylesheet href="/static/css/[some-folder-or-folders]/[css-file].css">
<script src="/static/js/ViewModelViews/[some-folder-or-folders]/bundle.js"></script>
{{end}}
时，我们的webpack配置如下：
node_modules我能够将所有module.exports = {
node: {
fs: "empty"
},
entry: entryObj,
output: {
path: path.resolve(__dirname, `./static/js`),
filename: '[name]/bundle.js'
},
optimization: {
splitChunks: {
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/]/,
name: 'vendors',
chunks: 'all',
},
},
}
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: "babel-loader",
query: {
plugins: ["transform-class-properties"]
}
},
{
test: /\.s[ac]ss$/i,
use: ['style-loader', 'css-loader', 'sass-loader']
}
]
},
plugins: [
new NodemonPlugin(),
]
}
拆分为node_modules，但是由于某种原因，我无法让浏览器对其进行缓存。
我在vendors/bundle.js上明确包含了该文件：
base.html如何在保持对其他捆绑软件文件使用方式的控制权的同时，使<!DOCTYPE html>
<html>
<head>
<!-- some irrelevant logic -->
</head>
<body>
<!-- a bunch of irrelevant logic -->
<script src="/static/js/vendors/bundle.js"></script>
<!-- other global bundle files -->
</body>
</html>
缓存？我看到人们在文件名中使用哈希码，这会破坏我们对业务逻辑的导入。
开发工具的网络部分
当我进入登录页面时，浏览器请求vendors/bundle.js：
当我转到另一个页面时，请求再次发生！
0 个答案:
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？