zoukankan      html  css  js  c++  java
  • Webpack Mode的概念与用法 开发模式和生成模式分别使用了哪些plugin

    Mode

    Mode 用于指定当前的构建环境是 production、development 还是 none
    设置 mode 可以使用 webpack 内置的函数
    mode 的默认值为 production
    设置了 mode 之后会对应执行开发/生成环境具有的一些插件与功能,如果设置成 none,那么 webpack 什么都不会帮你做

    mode 内置函数与功能

    development

    设置 process.env.NODE_ENV 的值为 development,
    内含插件:
    NamedChunksPlugin
    NamedModulesPlugin

    主要用于热更新HMR,打印是哪个模块发生了热更新以及热更新的文件路径

    production

    设置process.env.NODE_ENV的值为production
    开启
    FlagDependencyUsagePlugin
    FlagIncludedChunksPlugin
    ModuleConcatenationPlugin
    NoEmitOnErrorPlugin,
    OccurrenceOrderPlugin
    sideEffectsFlagPlugin
    TerserPlugin

    默认对打包文件进行代码压缩、消除副作用等处理

    none

    不开启任何选项

  • 相关阅读:
    this指针是什么?
    C++多态实现原理
    面试题2:实现Singleton模式
    面试题1:赋值运算符函数
    1.Two Sum
    朴素贝叶斯
    K近邻法
    感知机
    数据类型、用户交互、赋值运算
    蓝牙技术概述
  • 原文地址:https://www.cnblogs.com/ltfxy/p/15328193.html
Copyright © 2011-2022 走看看