如何将适用于 webpack.config.js 的 instructions/code 翻译成 vue.config.js 文件？

Question

我正在使用 vue-cli，它不是创建 webpack.config.js，而是使用 vue.config.js:

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
 
})

一旦安装特定的 npm 包，Vue 就会出现 17 个错误：

Vue Cli 使用最新版本的webpack(5)。但是我安装的这个新的 NPM 包只有稳定的 webpack 版本 4:

在他们的 npmjs 页面上他们说：

If you want to use this package on your project with Webpack v5 you need to add the fallback to your webpack.config.js file:

module.exports = {
    resolve: {
        fallback: {
            assert: require.resolve('assert'),
            http: require.resolve('stream-http'),
            https: require.resolve('https-browserify'),
            os: require.resolve('os-browserify/browser'),
            stream: require.resolve('stream-browserify'),
        },
    },
};

如何将适用于 webpack.config.js 指令的 instructions/code 翻译成 vue.config.js 文件？我知道这可能是一个基本的 JS 东西，但我被卡住了。

有没有人可以指出正确的方向？

非常感谢

Answer 1

你能试试这个吗？在 vue-cli docs

上找到这个

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
    transpileDependencies: true,
    configureWebpack: {
        resolve: {
            fallback: {
                assert: require.resolve('assert'),
                http: require.resolve('stream-http'),
                https: require.resolve('https-browserify'),
                os: require.resolve('os-browserify/browser'),
                stream: require.resolve('stream-browserify'),
            },
        },
    }
})

如何将适用于 webpack.config.js 的 instructions/code 翻译成 vue.config.js 文件？

How can I translate the instructions/code that would work on the webpack.config.js to the vue.config.js file?

javascript

node.js

webpack

vue.js