Webpack运行出错

[webpack-cli] Error: Unknown option '--inline'
[webpack-cli] Run 'webpack --help' to see available commands and options

img

  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/674703
  • 这篇博客也不错, 你可以看下webpack安装
  • 除此之外, 这篇博客: webpack 注入变量中的 改进 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 当然,我们也可以在package.json中直接通过set的方式来配置变量。下面是利用配置变量来区分不同环境请求地址的一个例子。

      "scripts": {
         // 多个变量用&&隔开,注意等号两边别留空格。 &&左边也别留空格
        "dev": "SET BASE_URL=base.com&& SET ENV=develop&& node webpack.js dev ",
        "prod": "SET BASE_URL=prod.com&& SET ENV=product&& node webpack.js dev ",
      },
    

    在webpack配置中注入到打包文件中:

     plugins: [   
            new webpack.DefinePlugin({
                NODE_ENV:JSON.stringify(process.env.ENV),
                BASE_URL:JSON.stringify(process.env.BASE_URL)
            })
        ]
    

    那么在前端js中我们可以直接访问BASE_URL这个变量,并且不会影响process.argv数组。

    当然,我们如果直接定义这样一个全局变量会容易污染变量环境,所以我们把BASE_URL放到一个名叫process.env的对象里。这样在前端可以通过process.env.BASE_URL获取。注意:这里的process.env和node中的process.env没有任何关系,仅仅是一个变量名,方便我们在获取的同时不污染全局变量环境

     plugins: [   
            new webpack.DefinePlugin({
                'process.env':{
                    NODE_ENV:JSON.stringify(process.env.ENV),
                    BASE_URL:JSON.stringify(process.env.BASE_URL)
                },
            })
        ]
    

    http.js

    let baseUrl = process.env.BASE_URL
    let env = process.env.NODE_ENV
    post(baseUrl).then() ....
    
  • 您还可以看一下 言文老师的Webpack4.x 前端项目构建工具(精讲版)课程中的 webpack概述小节, 巩固相关知识点