React 引用src外文件

2020-11-17  本文已影响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(paths.src, [
                    paths.appPackageJson,
                    reactRefreshRuntimeEntry,
                    reactRefreshWebpackPluginRuntimeEntry,
                    babelRuntimeEntry,
                    babelRuntimeEntryHelpers,
                    babelRuntimeRegenerator,
                ]),
                new ModuleScopePlugin(paths.root, [
                    paths.appPackageJson,
                    reactRefreshRuntimeEntry,
                    reactRefreshWebpackPluginRuntimeEntry,
                    babelRuntimeEntry,
                    babelRuntimeEntryHelpers,
                    babelRuntimeRegenerator,
                ]),

# paths.js文件
...
    appSrc: resolveApp('src'),
    root: resolveApp(''),
上一篇 下一篇

猜你喜欢

热点阅读