react 在creact-react-app中屏蔽console.log、解决moment.js体积过大

Posted 2023-04-27

参考技术A 配置文档参考 https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation

https://github.com/webpack-contrib/terser-webpack-plugin
react-scripts是有配套使用的terser-webpack-plugin的我们不必额外安装，额外安装有可能会产生版本问题
直接使用

This plugin uses terser to minify your javascript.
terser配置文档参考 https://github.com/terser/terser

vue项目1-pizza点餐系统6-路由精讲之复用router-view

1、在主组件展示二级路由的组件内容，在App.vue中添加

<br>
    <div class="container">
      <!-- row 行排列 -->
      <div class="row">
        <!-- 小屏展示12列，中屏展示4列 -->
        <div class="col-sm-12 col-md-4">
          <router-view name="orderingGuide"></router-view>
        </div>
        <div class="col-sm-12 col-md-4">
          <router-view name="delivery"></router-view>
        </div>
        <div class="col-sm-12 col-md-4">
          <router-view name="history"></router-view>
        </div>
      </div>
    </div>

2、在index.js中修改路由配置

path: ‘/‘, name: ‘homeLink‘, components:
      default:Home,
      ‘orderingGuide‘:OderingGuide,
      ‘delivery‘:Delivery,
      ‘history‘:History
    ,