webpack5 ModuleFederationPlugin

JavaScript048

webpack5 ModuleFederationPlugin,第1张

在配置模块联邦时遇到了很多兼容问题，比如babel版本冲突等，demo项目中package.json配置如下

webpack配置好之后，我们通过地址访问可以看到 http://localhost:3000/remoteEntry.js 中的文件已经被共享,在app2中直接以组件形式进行引用即可。

import("app1/Button") 会被解析大致为： loadScript("http://localhost:3000/remoteEntry.js").then(() =>require('Content'))

如果你需要在外面调用 一个方法里面的方法  需要用 return 返回 才能调用， 否则 会因为作用域的的原因 无法调用  当然 这个方法为全局变量  或者 外层对象方法除外  举个栗子

function out () {

    function in () {}

}

in()  // 无法调用  因为in方法的作用域只局限在 out方法中 但是 

// 你可以这么做

function out () {

    function in () {}

    return in

}

out()() 

//  可以使用 out()()

// 如果一个方法中有很多方法  但是return只能返回一个 可以这样

function out () {

    function in1 () {}

    function in2() {}

    function in3 () {}

    return {in1, in2, in3} // 返回一个对象

}

out().in1() 

out().in2() 

out().in3()

同学很简单的，如下操作。

1.一些购买的模板是可以改变的可变图片区域。一般就是这个按钮和对话框，可以在模板的特定模块中找到替换图片。

2.但是，固定背景、边框和标题栏中使用的一些图片无法修改，因为模板制作者将它们封装在固定图片区域中。

3.如果需要修改某一张图片，可以咨询模板制作人，他们最后能给出最准确的答案。

4.原则上不使用黑科技是不能修改买来的模板的。其实就算是已经上线的模板，xml也是不能再编辑的。所以加功能肯定不行(淘宝模板php，php，css都可以改)。一般买家只能通过模板后台已有的功能来更改东西。买的模板的代码不能自己改。

5.自己写代码做模板去应聘设计师就行了。只用简单的php知识，xml，css，html。如果不是js模板，js就不要了。淘宝有很多内置组件，随便叫。