首页 > 其他分享 >vue框架学习笔记

vue框架学习笔记

时间:2022-12-28 17:34:09浏览次数:43  
标签:development vue 框架 笔记 js webpack production 默认 打包

#webpack使用

 概念:webpack是前端项目工程化的具体解决方案
主要功能:提供前端模块化开发支持、代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等;

// 使用Node.js中的导出语法,向外导出一个webpack的配置对象 module.exports = {     mode: 'development'    //mode代表webpack运行的模式,可选值有 development 和 production                            //开发时候选择development,打包速度快,发布上线的时候用production,打包体积小 } 在webpack 4.x和5.x的版本中,有如下默认约定: 默认的打包入口为src->index.js 默认的输出文件路径为dist->main.js 注意:可以在webpack.config.js中修改打包的默认约定

 

标签:development,vue,框架,笔记,js,webpack,production,默认,打包
From: https://www.cnblogs.com/fu-ture/p/16769647.html

相关文章

  • .NET Core 学习笔记
    .net是一个开发平台。包含.netframwork、netcore等,具体开发的语言主要是C#一、.netframwork和.netcore二者的区别①、.netframework是系统基本安装,相互影响(所......
  • vue根据汉字添加拼音
    效果如下 安装工具库npminstallpinyin-pro或者yarnaddpinyin-pro封装组件change-pinyin<template><divclass="pinyin"><divclass="wordBox......
  • vue+nuxtJs+vue-monaco制作Monaco Editor编辑器(插件有bug不推荐使用)
    目录前言一、版本二、使用前配置1.插件注册文件2.nuxt.config.js三、使用四、插件bug五、附录1.kind提示图标类型2.默认action前言建议别用,有bug;后续写个不用vue-monaco......
  • vue3封装axios并使用拦截器处理错误
    utils/http.jsimportaxiosfrom"axios";consthttp=axios.create({withCredentials:false,timeout:30000,baseURL:"http://127.0.0.1:8000",header......
  • vue项目增加进度条nprogress
    1.安装nprogresscnpminprogress2.在untils文件夹下创建nprogress.ts文件1importNProgressfrom'nprogress';2import'nprogress/nprogress.css';34/......
  • Vue3 富文本编辑器
    官网https://www.wangeditor.com/v5/for-frame.html#%E4%BD%BF%E7%94%A8-1 安装:npminstall@wangeditor/editor--savenpminstall@wangeditor/editor-for-vue@n......
  • Java后端,数据库,运维..笔记
    计算机核心数据结构数据结构内容介绍稀疏数组和队列链表栈计算机网络计算机网络-概述计算机网络-物理层计算机网络-数据链路层计算机网络-网络层计算机网络-......
  • openH264官方项目wiki的编码解码指导的阅读笔记
    目录参考资料前言C语言调用编码解码空间分配DecodeParser使用送入大小限制DecodeParser的使用处理参考资料官方项目:https://github.com/cisco/openh264官方wiki文档:解......
  • vue动态菜单创建icon
    如图,左侧的菜单是动态生成的,前面的icon图标也要动态创建 实现方法:使用vue的 createVNode定义一个生成icon的文件:  createIcon.jsimport*asiconsfrom"@......
  • vue 使用 antv/g2
    效果:安装: npminstall@antv/g2--save引入:import{Chart}from'@antv/g2';使用:<divid="c1"></div>LeftChart(){constchart=newCha......