zoukankan      html  css  js  c++  java
  • Webpack, 现在最流行的模块打包工具.压缩打包

    压缩bundle.js

    1、把我们项目的代码从es6 -> es5 【babel】
        参考:http://babeljs.io/docs/setup/#installation
        
        1.1、安装包 babel-core babel-loader babel-preset-env
        
        1.2、在loader中配置
            见代码
        
        1.3、在项目的根目录下创建一个.babelrc的配置文件,写好presets的代码
            见代码
    
    2、把它设置为生产环境
        参考:https://cn.vuejs.org/v2/guide/deployment.html
        
    3、压缩
        参考:https://cn.vuejs.org/v2/guide/deployment.html

    压缩index.html

    https://github.com/jantimon/html-webpack-plugin

    安装的第三方包

    包:babel-core babel-loader babel-preset-env
        引用场景:对我们项目中的代码转成es5的代码
        安装方式:cnpm i babel-core babel-loader babel-preset-env -D

  • 相关阅读:
    2020/8/8
    2020/8/7
    2020/8/6
    2020/8/5
    2020/8/4
    2020/8/3
    19,CSS 滤镜
    18 章 CSS 链接、光标、 DHTML 、缩放
    17 , CSS 区块、浮动、定位、溢出、滚动条
    16 , CSS 边框与边界
  • 原文地址:https://www.cnblogs.com/DZzzz/p/8978205.html
Copyright © 2011-2022 走看看