zoukankan      html  css  js  c++  java
  • vue生产环境配置及优化

    生产环境配置:

    1.压缩代码:

    // 代码压缩
    uglifyjs-webpack-plugin

    2.压缩js

    compression-webpack-plugin

    3.压缩css

    compression-webpack-plugin

    4.压缩图片

    image-webpack-loader

    5.去除console

    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true

    6.去除debugger

    config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = true

    7.开启gzip

    compression-webpack-plugin

    8.配置cdn

    9.公共代码抽离

    10.使用cdn的vue.min.js

    11.去除map文件

    productionSourceMap设置为false

    安装插件:

    1.代码压缩:

    npm install uglifyjs-webpack-plugin --save-dev
    1.压缩图片插件:
    npm install image-webpack-loader -D 依赖  npm install gifsicle -D

    2.gzip压缩:

    npm i webpack-image-compression
    为了明天能幸福,今天付出再多也不后悔。
  • 相关阅读:
    一轮项目冲刺9
    一轮项目冲刺8
    一轮项目冲刺7
    一轮项目冲刺6
    一轮项目冲刺5
    一轮项目冲刺4
    一轮项目冲刺3
    一轮项目冲刺2
    一轮项目冲刺1
    移山小分队---每日记录01
  • 原文地址:https://www.cnblogs.com/zlp520/p/15473707.html
Copyright © 2011-2022 走看看