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文件夹

1 个答案: