Vue CLI 在服务期间删除 outputDir 文件夹

Question

我正在尝试使用 VueCLI 并在服务期间删除输出目录，以便我可以在我的 php 文件中使用它并确定是加载 dist 资产还是通过

localhost:8080

加载。

所以在我的

vue.config.js

中我有：

module.exports = {
  outputDir:'web',
  configureWebpack: config => {
    if (process.env.NODE_ENV !== 'production') {
        console.log("its serve") // this logs
        // here delete the outputDir
    }
  }
}

如何使用 VueCLI 删除文件夹，因为默认情况下，在服务期间我的应用程序永远不会被删除。

Answer 1

使用 rimraf 删除

dist

目录。

const rimraf = require("rimraf");

module.exports = {
  outputDir: 'web',
  configureWebpack: config => {
    if (process.env.NODE_ENV !== 'production') {
        rimraf.sync(config.outputDir);
        // rimraf.sync('web')
    }
  }
};

作为替代方案，您可以将 rimraf 附加到您的

serve

脚本中。

// package.json

"scripts": {
    "serve": "rimraf web && vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}