返回介绍

优化共用代码

发布于 2025-04-26 18:09:33 字数 493 浏览 0 评论 0 收藏

Feed 页面和 Profile 页面共用了很多通用代码(如 React、通用的样式表和组件等)。webpack 可以分析出页面间的共用代码,并生成共用文件来共享代码,这样页面间就可以使用缓存了:

// webpack.config.js

var webpack = require('webpack');

var commonsPlugin =
  new webpack.optimize.CommonsChunkPlugin('common.js');

module.exports = {
  entry: {
    Profile: './profile.js',
    Feed: './feed.js'
  },
  output: {
    path: 'build',
    filename: '[name].js' // 模板基于上面 entry 的 key
  },
  plugins: [commonsPlugin]
};

在上一步骤的 script 标签前加入,这样你就可以共享缓存了。

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。