如何正确设置vue.config.js？

Question

我有以下vue.config.js代码：

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: `@import "@/assets/css/_global.scss";`
            }
        }
    }
}

构建Vue项目后，我意识到它的大小很大（2.2MB），并且在搜索互联网后，我在vue.config.js中添加了以下代码：

configureWebpack: {
    devtool: false
}

现在，我的项目大小减少到970kb。我还能做些什么来缩小我的项目？如何为生产模式正确设置vue.config.js？

我的整个vue.config.js文件：

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                data: `@import "@/assets/css/_global.scss";`
            }
        }
    },
    configureWebpack: {
        devtool: false
    }
}