Avatar notebook default
13篇文章 · 2916字 · 1人关注
  • Vue_webpack_Vscode 开发常用插件

    必备: vscode-snippet--------自动生成代码块 配置自定义代码片段: 在vs code中,使用快捷键Ctrl+Shift+P...

  • yarn 在vue环境常用命令

    初始化项目 yarn add init 安装vue yarn add vue 安装webpack, webpack-dev-server(是一个...

  • Resize,w 360,h 240
    11-webpack4.x 提取公共代码

    当一部分代码需要反复被用到,反复请求浪费资源,将公共代码 抽离,需要时读取缓存即可 先上图: 1-抽离脚本的公共代码: 在上例中 链各个入口文件...

  • 10-webpack 自带优化tree-shaking、scope hosting

    在 !!生产环境下!! ,打包是会自动除无用的代码,这种功能叫:tree-shaking 功能以index.js 使用 test.js 的方法为...

  • 4-关于babel的es6转es5

    在webpack中可能无法兼容ES6或者其他高级语言,需要使用 babel 将高级语言转化为ES5 -1.安装需要的loader yarn ad...

  • 9-区分开发环境配置 merge plugin

    在 development 和 production 环境下将配置文件进行分类:dev、pro、base(公共) 步骤: -1 安装:yarn...

  • Resize,w 360,h 240
    8-reslove解析bootstrap第三方包方法

    reslove位于webpack.config 的一个对象, 是用于解析 css\js\json 等等文件的配置项 如下走一遍 bootstra...

  • Resize,w 360,h 240
    7-webpack常用小插件

    下面记录几个webpack常用的小插件的功能和用法: 1-clean-webpack-plugin -D 在每次编译可自动删除 dist 文...

  • 6-webpack使用watch时实打包

    在刚学习 webpack 的时候,总是需要反复执行npm run build来执行打包 时间久了觉得不胜其烦,在和npm run build 运...

文集作者