【问题标题】:webpack -p not running on create-react-appwebpack -p 没有在 create-react-app 上运行
【发布时间】:2018-09-26 12:45:32
【问题描述】:

我有一个大项目,我试图根据这里使用 webpack-p 减小大小:https://hackernoon.com/reduce-webpack-bundle-size-for-production-880bb6b2c72f

我无法运行它,因为我在运行 webpack -p 时遇到了问题(它在 index.js 的每个函数上都抛出了一个错误

我认为这可能与我的包裹有关。我决定创建新的 create-react-app 并在那里运行命令。令我惊讶的是,我得到了同样的错误:

这里可能有什么问题?

【问题讨论】:

    标签: reactjs webpack create-react-app


    【解决方案1】:

    如果您的应用使用webpack v4,则必须使用webpack --mode=production 而不是webpack -p

    模式的可能值为:nonedevelopmentproduction

    另一种用法:

    // webpack.config.js
    
    module.exports = {
      ...
      mode: 'production',
      ...
    }
    

    【讨论】:

    • Doing webpack --mode=production thows "Insufficient number of arguments or entry found. then there is ERROR in Entry module not found: Error: Can't resolve './src'
    【解决方案2】:

    您没有配置文件,因为您尝试运行的命令是全局的,它不是从您当前的工作目录获取的。改为运行npm run build,它在后台执行此操作,但有很多其他内容由create-react-app 的贡献者创建。

    您可以为全局 webpack cli 传递一个配置文件,但您无法在您的文件夹中访问该文件,因为它对您“不”可用。 npm run build 也已经为你做了很多优化。

    【讨论】:

    • 那么为什么我编译的项目仍然是 3.5 Mb,即使我没有太多(我现在说的是大的,而不是新创建的应用程序)
    • 取决于很多因素,应用这些优化不会减少 3Mb 的文件...
    • 寻找代码拆分,供应商块,所有这些都有帮助。
    • 也永远不要全局安装 webpack 或 webpack-cli。
    • @PlayMa256 “我有一个大项目,我试图使用 webpack-p 来减小它的大小”。通常,那些为主要目标而苦苦挣扎并因此而收到错误的人,即他试图优化他的项目和构建,会问如何解决错误,而不是针对他最初的目标。这就像医生在断臂上贴膏药,因为你抱怨它在流血。
    猜你喜欢
    • 2020-07-29
    • 1970-01-01
    • 1970-01-01
    • 2018-01-25
    • 2020-06-10
    • 1970-01-01
    • 1970-01-01
    • 2018-05-14
    • 2020-01-26
    相关资源
    最近更新 更多