Vue закрывает онлайн-исходный код, чтобы удалить консоль

Какой бы трудной ни была дорога впереди, пока ты идешь в правильном направлении, какой бы ухабистой она ни была, ты будешь ближе к счастью, чем стоя на месте.

предисловие

Конфигурация в статье, проект основан на Vue CLI 3.0, нет проблем с версией выше или равной 3.0, пожалуйста, используйте другие версии среды.

Закройте исходный код онлайн

• Добавьте следующий код в Vue.config.js.

module.exports = {
    // 关闭线上源码
    productionSourceMap: false,
}

• удаленный эффект

удалить консоль

Реализовано с помощью плагина TerserPlugin

• Установить плагин: Terminal Execute

yarn add terser-webpack-plugin

• Добавьте следующий код в vue.config.js

module.exports = {
    configureWebpack:{
        optimization:{
            minimizer: [new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })]
        }
    }
}

• Дополнительные способы использования плагина:terser-webpack-plugin

Используйте конфигурацию, поставляемую с cli, для достижения

Спасибо за предложение из области комментариев, копайте друзья (@小小马毛), код протестирован и консоль можно удалить

• Добавьте следующий код в vue.config.js

// 关闭生产环境console
configureWebpack(config) {
    if (process.env.NODE_ENV === 'production') {
        config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
}

напиши в конце

• Если в статье есть ошибки, исправьте их в комментариях, если статья вам поможет, ставьте лайк и подписывайтесь 😊
• Эта статья была впервые опубликована на Наггетс, перепечатка без разрешения запрещена 💌