小编Jer*_*emy的帖子

通过npm进行vue-cli构建时，出现此错误：

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

这一直有效直到最近，我不确定是什么原因导致此操作开始失败。似乎有一些时间限制，使其开始报告为“过时”，但我不知道要更新什么来解决它。

我试过运行建议的命令，但没有成功。我正在通过npm进行此操作，并且没有使用Visual Studio，所以我没有在使用WebCompiler（并且该目录在我的用户文件夹中不存在），因此Browserslist：caniuse-lite中的解决方案已过时。请运行下一条命令“ npm update caniuse-lite browserslist ”不适用。

在通过VSO运行的构建系统上也会发生这种情况，因此这不仅仅是我的选择。

这是我的package.json文件：

{
  "name": "productName.portal",
  "version": "1.0.0",
  "description": "productName.portal static content",
  "main": "gulpfile.js",
  "keywords": [
    "gulp",
    "task"
  ],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/preset-react": "^7.0.0",
    "@types/jest": "^23.1.4",
    "@types/jquery": "^3.3.4",
    "@types/underscore": "^1.8.8",
    "@voerro/vue-tagsinput": "^1.8.0",
    "@vue/cli-plugin-babel": "^3.0.0-rc.4",
    "@vue/cli-plugin-typescript": "^3.0.0-rc.4",
    "@vue/cli-plugin-unit-jest": "^3.0.1",
    "@vue/cli-service": "3.0.0-rc.4",
    "@vue/test-utils": "^1.0.0-beta.20",
    "axios": "^0.18.0",
    "babel-core": "7.0.0-bridge.0",
    "babel-polyfill": "^6.26.0",
    "copy-webpack-plugin": "^4.5.2",
    "gulp": "^3.9.0",
    "gulp-clean-css": …

我继承了一个 Vue 项目，它只构建生产版本并丑化所有内容。它没有像我习惯的那样有 webpack.config.js，它只有一个 vue.config.js 文件。当我这样做时，npm run build它就会构建一个产品。构建命令是"build": "vue-cli-service build"，我没有看到一种方法可以做类似的事情--mode=development。

我尝试添加一个构建的 webpack.config.js 文件，但同时破坏了网页，因为它不再构建相同的文件。

这是我的 vue.config.js 文件：

const path = require('path');
const CopyWebpackPlugin = require('copy-webpack-plugin');


module.exports = {
    lintOnSave: true,
    baseUrl: 'http://localhost:8080',
    configureWebpack: {
        entry: './src/main.js',
        module: {
            rules: [
                {
                    test: /libs\.js$/,
                    use: {
                        loader: 'script-loader'
                    }
                },
                {
                    test: /angLibs\.js$/,
                    use: {
                        loader: 'script-loader'
                    }
                },
                {
                    test: /welcome\.js$/,
                    use: {
                        loader: 'script-loader'
                    }
                },
                {
                    test: /app\.js$/,
                    use: {
                        loader: 'script-loader'
                    } …