美文网首页
React 引用src外文件

React 引用src外文件

作者: 板栗炖牛肉 | 来源:发表于2020-11-17 09:42 被阅读0次

前言

creat-react-app创建的项目,需要应用src外文件,比如public下的图片或一些不能放在src下加密的js等。

解决方案(4.0解决方案)

1.找到webpack.config.js并打开

2.ctrl+f寻找ModuleScopePlugin,大致如下,直接注释

new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),

3.重新运行

webpack5.0解决方案

  • 搜索new ModuleScopePlugin
                new ModuleScopePlugin(paths.src, [
                    paths.appPackageJson,
                    reactRefreshRuntimeEntry,
                    reactRefreshWebpackPluginRuntimeEntry,
                    babelRuntimeEntry,
                    babelRuntimeEntryHelpers,
                    babelRuntimeRegenerator,
                ]),
  • 与4.0不同,此处不能注释了修改为
                new ModuleScopePlugin(paths.root, [
                    paths.appPackageJson,
                    reactRefreshRuntimeEntry,
                    reactRefreshWebpackPluginRuntimeEntry,
                    babelRuntimeEntry,
                    babelRuntimeEntryHelpers,
                    babelRuntimeRegenerator,
                ]),

# paths.js文件
...
    appSrc: resolveApp('src'),
    root: resolveApp(''),

相关文章

网友评论

      本文标题:React 引用src外文件

      本文链接:https://www.haomeiwen.com/subject/tfhzbktx.html