在 Webpack 后期构建后执行 shell 命令

理查德

我有一个 Laravel 项目,正如您所知,当您部署应用程序时,公共目录中的所有内容都应复制到 htdocs 或 public_html 目录以隐藏应用程序的代码。

我正在使用 webpack 来构建我的 React 代码和其他所有内容,每次我更改我的 javascript webpack 时,它都会执行我想要的操作,它会看到我进行了更改,然后它会构建它。但是我想在它构建后添加一个额外的命令,即将所有内容从公共目录复制到 htdocs/public_html 中的正确目录中。

到目前为止,我在这里阅读了这个问题,在 webpack 构建之后运行命令

它可以工作,我可以让回声工作,但我不确定为什么 cp 不工作。Echo 有效,但我怎么知道我可以使用哪些 shell 命令?我尝试了 'cp' 甚至是 powershell 的 'copy-item',但都没有工作。

到目前为止,这是我的插件,我认为在复制任何内容之前我需要更改目录以确保安全,但同样,没有任何效果。

mix.webpackConfig(webpack => {
  return {
    plugins: [
      new WebpackShellPlugin({
        onBuildStart: ['echo "Starting Build ..."'],
        onBuildEnd: ["cd 'E:\\xammp\\apps\\FactorioCalculator'",
          "cp '.\\public\\*' '..\\..\\htdocs\\FactorioCalculator\\' -f -r"]
      })
    ]
  };
});
右转

你总是可以使用copyDirectory混合方法。只需在webpack.mix.js文件底部放置类似以下内容

mix.copyDirectory('public', '../../htdocs/FactorioCalculator/')

您可能需要根据问题中的路径更改路径..\\..\\htdocs\\FactorioCalculator\\(我只有我的 mac,所以我无法在我的另一台机器上进行测试)。


为了回答你最初的问题,如果你想在每次 webpack 构建完成时执行一个命令,你可以使用mix.then()需要闭包的 。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Webpack构建后运行命令

来自分类Dev

webpack 命令触发构建

来自分类Dev

从 jenkinsfile 执行 shell 命令

来自分类Dev

Webpack执行一些后期构建脚本任务

来自分类Dev

在shell命令输出上执行命令

来自分类Dev

使用shell脚本执行shell命令

来自分类Dev

ERL:从Shell执行erl命令

来自分类Dev

如何执行新的Shell命令?

来自分类Dev

用tcl执行shell命令

来自分类Dev

如何执行Shell内置命令

来自分类Dev

使用execvp()执行shell命令

来自分类Dev

从perl执行if else shell命令

来自分类Dev

从Python脚本执行shell命令

来自分类Dev

从shell脚本执行Vim命令

来自分类Dev

Shell脚本执行psql命令

来自分类Dev

在Python中执行Shell命令

来自分类Dev

执行printf命令shell脚本

来自分类Dev

ERL:从Shell执行erl命令

来自分类Dev

从VSTS构建任务代码执行Powe Shell命令

来自分类Dev

shell命令后Vim中断

来自分类Dev

通过shell执行命令后不返回输出

来自分类Dev

Bash,调用新的shell后执行命令

来自分类Dev

在bash shell中执行我的命令后重置输出的颜色

来自分类Dev

webpack2 和 webpack 开发服务器 - 每次更改文件时运行 shell 命令

来自分类Dev

在后台命令执行后执行一个 shell 命令

来自分类Dev

无法在bash脚本中执行shell命令

来自分类Dev

从groovy w / out超时执行shell命令

来自分类Dev

从apk执行adb shell输入滑动命令

来自分类Dev

Clojure:如何使用管道执行Shell命令?