Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 从网页包外部预执行 问题 我需要用preact替换react的网页外部,但只能在生产时使用 我需要一种方法来验证我的包是否使用preact not react 例如,在我的页面上,我会有这些脚本 在我的npm react组件包中 我的npm包是用react编写的,应该与我的preact外部脚本配合使用 在网页包外部 正如模块绑定中所建议的,我的构建不包含React,而是将其作为对等依赖项列出_Webpack_Preact - Fatal编程技术网

Webpack 从网页包外部预执行 问题 我需要用preact替换react的网页外部,但只能在生产时使用 我需要一种方法来验证我的包是否使用preact not react 例如,在我的页面上,我会有这些脚本 在我的npm react组件包中 我的npm包是用react编写的,应该与我的preact外部脚本配合使用 在网页包外部 正如模块绑定中所建议的,我的构建不包含React,而是将其作为对等依赖项列出

Webpack 从网页包外部预执行 问题 我需要用preact替换react的网页外部,但只能在生产时使用 我需要一种方法来验证我的包是否使用preact not react 例如,在我的页面上,我会有这些脚本 在我的npm react组件包中 我的npm包是用react编写的,应该与我的preact外部脚本配合使用 在网页包外部 正如模块绑定中所建议的,我的构建不包含React,而是将其作为对等依赖项列出,webpack,preact,Webpack,Preact,任何帮助都将不胜感激 验证我的包是否使用preact not react的方法 查看已编译和未精简的代码,了解如何调用组件的函数: React:\u jsxs()或React.createElement() Preact:Preact.h()(或者干脆h()?) 参考: 验证我的包是否使用preact not react的方法 查看已编译和未精简的代码,了解如何调用组件的函数: React:\u jsxs()或React.createElement() Preact:Preact.h()(或者干

任何帮助都将不胜感激

验证我的包是否使用preact not react的方法

查看已编译和未精简的代码,了解如何调用组件的函数:

React
\u jsxs()
React.createElement()

Preact
Preact.h()
(或者干脆
h()
?)

参考:

验证我的包是否使用preact not react的方法

查看已编译和未精简的代码,了解如何调用组件的函数:

React
\u jsxs()
React.createElement()

Preact
Preact.h()
(或者干脆
h()
?)


参考:

>我需要用preact替换react的网页外部,但只能在生产时使用。IMHO您应该始终在尽可能接近生产的情况下进行演示和测试。使用
react
进行迭代,然后使用
preact
进行最终包装是自找麻烦的,因为preact中有一些事情在react中无法完成,反之亦然。也许一个更好的问题是,“如何同时使用React和Preact测试构建?”>我需要用Preact替换React的web包外部,但只能在生产中使用。IMHO您应该始终在尽可能接近生产的情况下进行演示和测试。使用
react
进行迭代,然后使用
preact
进行最终包装是自找麻烦的,因为preact中有一些事情在react中无法完成,反之亦然。也许更好的问题是,“如何同时使用React和Preact测试构建?”?
class Title extends React.Component {
  render(){
    return <h1>Test</h1>
  }
}
resolve: {
    alias: {    
        "react": "preact/compat",
        "react-dom/test-utils": "preact/test-utils",
        "react-dom": "preact/compat"
    };
}
      react: {
            root: ['React'],
            commonjs2: 'react',
            commonjs: 'react',
            amd: 'react'
        },
        'react-dom': {
            root: ['ReactDom'],
            commonjs2: 'react-dom',
            commonjs: 'react-dom',
            amd: 'react-dom'
        },