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删除目录。

const rimraf = require("rimraf");

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

选择：

// package.json

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

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

Vue cli delete the outputDir folder during serve

vue.js

vue-cli-3