1、EJS是一个简单高效的模板语言，通过数据和模板，可以生成HTML标记文本。可以说EJS是一个JavaScript库，EJS可以同时运行在客户端和服务器端，客户端安装直接引入文件即可，服务器端用npm包安装2、EJS的特点：快速编译和渲染简单的模板标签自定义标记分隔符支持文本包含支持浏览器端和服务器端模板静态缓存支持express视图系统3、EJS成员函数：Render(str,data,[op
转载
2024-08-13 12:25:39
235阅读
Webpack 是一个 CommonJs & AMD 模块打包器。可以把你的 JavaScript 代码分离为多个包，在需要的时候进行加载，支持预处理文件，例如 json, jade, coffee, css, less 等等。
转载
2015-03-13 13:44:00
201阅读
2评论
介绍前端模块化开发通常会用到commonJs或ES6提供的模块化语法，此处介绍通过commonJS时，webpack打包生成文件的代码打包前的文件// main.jsconst {add, mul } = require('./mathUtils.js')console.log(add(20, 50))console.log(mul(20, 50))// mathUtils.jsfunction add(a, b) { return a + b;}function mu
原创
2021-07-09 10:49:29
576阅读
分类：Vue.js（83） 本文是在官方文档的基础上，更加细致的说明，代码更多更全。简单来说，更适合新手阅读（二十五）组件的定义①组件的作用：【1】扩展HTML元素，封装可重用的代码；【2】组件是自定义元素，Vuejs的编译器可以为其添加特殊的功能；【3】某些情况下，组件可以是原生HTML元素的形式，以is的方式扩展。 ②写一个标准的组件：分为以下几步：【1】挂载组
CommonJS 和 ES6 Module 究竟有什么区别？作为前端开发者，你是否也曾有过疑惑，为什么可以代码中可以直接使用 require 方法加载模块，为什么加载第三方包的时候 Node 会知道选择哪个文件作为入口，以及常被问到的，为什么 ES6 Module export 基础数据类型的时候会有【引用类型】的效果？带着这些疑问和好奇，希望阅读这篇文章能解答你的疑惑。CommonJS 规范在
转载
2024-04-24 13:53:10
164阅读
一、什么是混入混入 (mixin) ： 是一种分发Vue组件中可复用功能的非常灵活的一种方式。混入对象（mixins）是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、created、methods 、computed、watch等等。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 混入其实就是实现了单一继承和多重继承。二、局
1、Vue是什么 Vue是一种流行的JavaScript框架，用于构建交互式Web界面。Vue具有简单易学、灵活和高效的特点，因此它被广泛用于Web开发中。Vue的核心库只关注视图层，因此它易于集成到其他项目中。Vue还提供了许多插件和工具，例如Vue Router和Vuex。2、MVVM模式&
转载
2024-03-25 17:18:27
140阅读
Vue中常用的8种v指令根据官网的介绍，指令 是带有 v- 前缀的特殊属性。通过指令来操作DOM元素指令功能v-text=“变量/表达式”文本的设置字符串变量+数字可以直接写是拼接字符串如果出现要使用外部不相同的引号v-html=“变量”文本或者页面的设置如果变量只是普通文本，作用和 v-text 相同如果变量是一个完整的标签字符串，则会解析成为htmlv-on:click=“方法名”@click
转载
2024-03-19 22:56:19
7阅读
1. 我们为什么要进行打包优化呢？1、打包优化的目的1、优化项目启动速度，和性能 2、必要的清理数据 3、减少打包后的体积第一点是核心，第二点呢其实主要是清理console2、性能优化的主要方向1、去重.map文件 2、开启CDN加速 3、代码压缩 4、图片压缩 （下方跳过） 5、公共代码抽离 6、首屏骨架屏优化 7、开启Gzip压缩2. 打包步骤详解代码演示：在vue.config.js中添加打
转载
2023-08-23 15:45:26
158阅读
什么是模块化？ 模块化就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，再进行引用。 模块化的作用？ 模块化有利于代码的拆分和架构上的解耦。模块化再服务端邻域早已成熟，nodejs也已经支持模块化。 一.commonjs 模块加载机制被称为commonjs规范 伴随则 nodejs 而诞生 ...
转载
2021-08-20 15:23:00
47阅读
2评论
CommonJS是服务器端模块的规范，Node.js采用了这个规范。C
转载
2014-09-04 20:17:00
116阅读
2评论
从接触 vue 到工作中用到 vue 将近 2 年了，在开发 vue 项目中用到了很多 es6 的 api ，es6 给我的开发带来了很大便利。本文只总结在工作和面试中经常遇到的 ES6 及之后的新 api1 let 和 constlet 的作用域与 const 命令相同：只在声明所在的块级作用域内有效。且不存在变量提升 。1.1 letlet 所声明的变量，可以改变。et a = 123
a =
command+c停掉项目后 输入命令npm run build:prod ...
转载
2021-10-31 14:11:00
417阅读
2评论
这篇文章主要介绍了使用vue打包时vendor文件过大或者是app.js文件很大问题的解决方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下 第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致
转载
2023-12-22 22:42:22
314阅读
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-11-22 07:03:28
139阅读
我们使用Vue-cli的默认环境是只有dev和prod两种环境，在开发中我们的项目一般是开发版、测试版、pre版、Prod版。我们一般是在源码中API地址中修改后然后打包。###1、首先安装cross-envnpm i -- save- dev cross - env###2、修改不同环境下的参数在config/目录下添加test.env.js、pre.env.js。修改prod.en
转载
2023-05-26 16:24:27
379阅读
点赞
方案一：利用electron直接打包项目暂未成功，打包完exe会报错 打包方式：（1）DOS窗口命令打包 DOS 下，输入 npm install electron-packager -g全局安装我们的打包神器：cnpm install electron-packager -g（2）在项目文件夹下面，也就是根目录下面打开DOS执行打包命令：electron-packager . HelloWorl
转载
2024-02-29 21:43:44
141阅读
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-10-12 21:09:44
165阅读
一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。现在就有我来说说如何讲vue项目发布到github上之前写过vue环境搭建 可以参考： vue环境搭建 二、vue项目的打包 1、大家都知道使用npm ru
转载
2024-01-10 19:16:49
90阅读
今天的文章，将介绍什么是 CommonJS，以及它为什么会导致我们打包后的文件体积增大。
什么是 CommonJS？
CommonJS 是 2009 年发布的 JavaScript模块化的一项标准，最初它只打算在浏览器之外的场景使用，主要用于服务器端的应用程序。
你可以使用 CommonJS 来定义模块，并从中导出部分模块。例如，下面的代码定义了一个模块，该模块导出了五个函数：add、 sub
转载
2021-06-09 08:21:22
127阅读
2评论
