如何解决用最少的输出文件将ReactJS应用程序添加到任何HTML页面
我们有一个小型的ReactJS应用程序,需要在我们企业中的多个不同站点之间共享。这是一个全局导航栏。我们的一些应用程序是HTML,ASP.Net,甚至是经典的ASP。我们的方法是简单地允许团队引用我们的JS脚本,并在页面上放置div并使其运行。
我已经开始在craco中使用create-react-app来使我们的输出尽可能简单。例如,我们从JS文件中删除了哈希名称,因为我们不希望所有团队都必须在每个构建版本中更新其引用。我们正在S3 / Cloudfront中管理缓存清除。
有没有将React App输出输出到的最佳实践
build
- globalnav.js
- globalnav.css
出于性能考虑,每个文件1或2个文件就可以了,尽管这些文件很小,但是从一开始。
我很了解
const path = require('path');
module.exports = {
webpack: {
configure: {
optimization: {
runtimeChunk: false,splitChunks: {
cacheGroups: {
default: false,commons: {
test: /[\\/]node_modules[\\/]/,name: 'vendors',filename: 'globalnav-vendors.js',}
}
}
},output: {
filename: 'globalnav-main.js',path: path.resolve(__dirname,'build')
}
}
}
}
CSS文件仍然转到/build/static/css/vendors.hash.chunk.css
,因此在构建后我将使用难看的mv
命令将其移至/build/globalnav.css
。但是现在我缺少图标字体。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。