可以看到，最简单的方法，就是将html，js，css放到不同的文件，然后通过src或者href引入。这里我们先不关注css，主要来看js。
项目中一直用的都是webpack，前一段需要开发几个类库供其他平台使用,本来打算继续用webpack的，但感觉webpack用来开发js库，不仅繁琐而且打包后的文件体积也比较大。正好之前看vue源码，知道vue也是通过rollup打包的。这次又是开发类库的，于是就快速上手了rollup。
相信很多人都有这样的经历，做项目经常都是需求赶着自己，加班加点的完成功能开发，盼望着浏览器控制台不要出现红色的报错，惊险的通过QA测试，最后期盼着能够按时完成成功上线。 很明显，自己在日常需求开发中，更多的是关注功能能否实现，效果能否实现，按时上线能否实现。这样的技术人生是不是太没追求了呢？作为一名开发，是不是还要考虑自己的代码是否足够规范，是否足够强壮，是否有性能隐患呢？ 控制台没报错，功能正常并不代表自己写的代码是符合规范，更不能代表代码是没有隐患的，我们需要一个更严谨的工具来校验自己写的代码。而这个工具就是今天在这里介绍的Eslint。 Eslint是什么
aHR0cHM6Ly93d3cuYmFpYmlhbmlwLmNvbS9ob21lL2ZyZWUuaHRtbA==
先说说什么是模块化，就是将独立的功能代码封装成一个独立的文件，其他模块需要使用，在进行引用。
解决办法 打开config里面的index.js 找到 useEslint: true,
webpack 命令可以在 package.json 中的 script 字段中添加命令，再使用 npm 执行：
写在前面：最近研究nodejs及其web框架express，对app.use和app.get没理解清，以致踩了坑浪费不少时间，我根据自己实践及总结出此博客，若有错误还请大家多多指教。 结论 先说我发现的结论： app.use(path,callback)中的callback既可以是router对象又可以是函数 app.get(path,callback)中的callback只能是函数 结论说完，让我们先看个栗子 例子 app.js var express = require('express');var a
这是第 99 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：聊聊Deno的那些事 https://www.zoo.team/arti
去年(19年10月)在某技术沙龙上分享了《小程序工程化探索》后，陆续有网友联系到我询问一些实现方面的细节，虽然常年顶着黑眼圈修着“福报”，但还是决定抽出时间写一个小程序工程化系列，一是希望能帮到部分同学，二是希望能提升自己的总结与表达能力，由于是一个系列，所以每篇文章会尽量聚焦一个点，篇幅不会很长。闲话少述，本篇是小程序工程化系列第一篇，我将会详细介绍如何利用 Webpack 实现对小程序代码的文件依赖分析。
我们都知道，webpack作为一个构建工具，解决了前端代码缺少模块化能力的问题。我们写的代码，经过webpack构建和包装之后，能够在浏览器以模块化的方式运行。这些能力，都是因为webpack对我们的代码进行了一层包装，本文就以webpack生成的代码入手，分析webpack是如何实现模块化的。
本文会从零开始配置一个monorepo类型的组件库，包括规范化配置、打包配置、组件库文档配置及开发一些提升效率的脚本等，monorepo 不熟悉的话这里一句话介绍一下，就是在一个git仓库里包含多个独立发布的模块/包。
河图, 是一个 低代码 平台, 通过可视化界面, 快速生成各种后台页面, 极大减少开发成本。
讲下webpack中的对于vue配置，其实vue官方就提供了一套模板vue-webpack-template，我们学习学习，然后基于当前自己的项目来配置下。 git仓库：webpack-demo 1、处理vue 对于.vue这种文件，webpack肯定是不认识的，所以我们需要相应的loader来处理它，通过查阅文档我们发现需要安装这两个东西： $ npm install vue-loader vue-template-compiler --save-dev 然后安装文档上面的教程，照猫画虎搞一下。这
在上一篇教程中，我们教大家使用微信官方Demo快速搭建了一个小相册，并学会了如何安装开发者工具，如何创建小程序，如何做服务端配置。并利用腾讯云COS实现相册上传下载功能。
通过前面的学习，对webpack有了更深的认识，故此节我们就利用前面相关知识自己动手用webpack构建一个React的开发环境，就算是一个小案例吧。
现代的前端框架和库可以轻松地创建可重用的 UI 组件。在创建可维护前端应用方面，这是一个很好的方向。但是，在多年来的许多项目中，我发现开发可重复使用的组件常常是不够的。我的项目由于需求的变化或者新需求的出现而变得不可维护。要查找正确的文件或调试多个文件所需的时间越来越长。
我们后端用SpringBoot 框架已经搭建的差不多了之前，既然我们最初的梦想是做先后端分离的架手架，终于也开始学习一下前端的框架了。自己也算是前端小白，所以将自己学习vue 的过程记录系列博客。希望对学习vue 的小伙伴有帮助，如果文章中有不对的，希望大家及时提出一起探讨。
每个子目录中保存着一个页面的相关文件 —— 通常是4种不同扩展名的文件， 分别是页面中的逻辑文件、页面结构文件、样式表文件、配置文件； 为了减少开发时的配置项，框架特别约定描述页面的这4个文件必须具备相同的路径和文件名；
如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architectural pattern），属于编程的方法论，VC模式就是架构模式的一种。
周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T
沪江CCtalk视频地址：https://www.cctalk.com/v/15114923889450 规范与部署 懒人推动社会进步。 本篇中，我们会讲述三个知识点 定制书写规范 开发环境运行 如何部署运行 定制书写规范 文中所说的书写规范，仅供参考，非项目必需。 随着 Node 流行，JavaScript 编码规范已经相当成熟，社区也产生了各种各样的编码规范。但是在这里，我们要做的不是『限制空格的数量』，也不是『要不要加分号』。我们想要说的规范，是项目结构的规范。 目前我们的项目结构如下： ├─ c
现在前端脚手架工具已经非常智能化了。早年刚入行我曾经自己在项目里配过webpack，上午面向百度配置的内容，下午就重复不出来了。后来查了一个下午，才去看package.json，发现下午webpack从我上午用的2.x升级到4.x了。语法有了大变样。如果你面向百度百度编程，webpack部分是一定要带版本号的。
前两篇的博客中提及，webpack主要作用是对 解决模块之间的依赖，把各个模块按照特定的规则和顺序组织在一起，那么我们就要对资源处理的流程有一个了解。各个流程如下：
动态与静态CommonJS与ES6 Module最本质的区别在于前者对模块依赖的解决是“动态的”，而后者是“静态的”。在这里“动态”的含义是，模块依赖关系的建立发生在代码运行阶段；而“静态”则是模块依赖关系的建立发生在代码编译阶段。
本小节介绍下 rollup 和 esbuild 的基础用法，我们都知道 vite 本身使用的 rollup 打包，vite 的插件也和 rollup 的插件机制相吻合； esbuild 是用于在开发环境中对文件进行处理，也有自己的声明周期钩子函数，由于对文件的分割和 css 支持还不太友好，暂未应用到打包环节。
初始化项目 vue create vue-asgisn cd vue-asgisn npm run serve 一、 已经初始化项目后， 为了开发方便以及维护， 新增一些文件夹 - store
我们知道，Node.js是基于CommonJS规范进行模块化管理的，模块化是面对复杂的业务场景不可或缺的工具，或许你经常使用它，但却从没有系统的了解过，所以今天我们来聊一聊Node.js模块化你所需要知道的一些事儿，一探Node.js模块化的面貌。
entry与output，顾名思义，就是打包的入口与输出，其实之前我们已经接触了这两个参数，下面详细介绍一下这两个参数的配置。
这文描述了通过 Babel 生成 npm 包的最小设置。你可以在 GitHub 中看到 re-template-tag 中的设置。
在过去的一年和一些人中，我一直在与 Creative Tim 合作。 我一直在使用 create-react-app 来开发一些不错的产品。 有很多客户询问如何在 Webpack 上迁移我们的产品模板。
删除 package.json 中的 react-dev-inspector ，从新 yarn 一下：
这个项目是我参加腾讯云云开发实战营【web云开发赛道-FILES存储】时开发的，因为网上云开发web实战很少，所以我整理了代码上传到GitHub上并写了这篇文章，通过这个项目你将学到以下功能：
小程序中每一个页面对应一个Page()方法,我们需要把变量和组件的各种事件都写在一个对象里,然后把对象作为这个参数传递给Page方法
快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn可以加入网站底部技术群，一起找bug，...
以上的配置里面有这个，那么相当于这个项目里面安装了路由，项目里面就可以使用了。
参考：https://juejin.cn/post/6938581764432461854
所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:
上周的某一天，和一位同样是前端技术极度爱好的开发者朋友聊天，他在提出了一个问题，他写的vue程序为什么在dev模式运行良好，而在production模式就直接报错了。这让我感到惊讶，还有这么
“ 关注 前端开发社区 ，回复 '领取资源'，免费领取Vue，小程序，Node Js，前端开发用的插件以及面试视频等学习资料，让我们一起学习，一起进步
我们每天都使用CLI程序（例如Terminal，cmd，Powershell等）进行软件开发。你使用的每个工具本质上都是其他软件工程师的产品，我们也可以制作自己的CLI工具。
我们创建了add.js文件和minus.js文件,然后 在index.js中引入，再将index.js文件引入index.html。
对于新人朋友来说，想要自己去搞定一个ES6开发环境并不是一件容易的事情，因为构建工具的学习本身又是一个非常大的方向，我们需要花费不少的时间才能掌握它。
Vuex 作为中大型 Vue 应用中的“御用”集中数据管理工具，在实习时的公司很早就得到了广泛使用。本文旨在以尽可能简洁的文字向读者展示：如何在一个颇具规模的 Vue 应用中组织和管理 Vuex 的代码。
一、简述 redux的工程化管理 1.reducer的模块化划分：每一个板块有一个自己对应的reducer，最后基于一些方法把所以的reducer合并即可; 2.基于actionCreator统一管理每次派发需要的行为对象，而且和reducer一样，也是分板块管理的; 3.把dispatch和reducer校验时候需要的行为标识(type)进行统一管理 目录建设 store store中存放的是redux中使用的东西 action: action文件夹存放的是actionCreator内容 reducer
export可以让我们把变量，函数，对象进行模块化，提供外部调用接口，让外部进行引用。先来看个最简单的例子，把一个变量模块化。我们新建一个demo.js文件，然后在文件中输出一个模块变量。
在输入命令npm start启动运行项目的时候，有时候会遇到这样的错误Error: Cannot find module 'mongoose'，缺少mongoose这个模块。
Puppeteer 是一个 Node.js 库, 提供了一组封装良好的接口, 使你可以通过 DevTools 协议控制 Chrome. 本文介绍如何在 SCF 中使用 Puppeteer.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
