当前位置: 首页 > news >正文

网站域名验证快速网站排名提升

网站域名验证,快速网站排名提升,wordpress 管理插件下载,wordpress文章中带轮播图使用 Parcel 和 NPM 脚本进行打包 Parcel Parcel 是一个零配置的网页应用程序打包工具,主要用于快速构建现代 JavaScript 应用。 我们可以使用npm直接安装它 npm install --save-dev parcel //这将把 Parcel 添加到 devDependencies 中,表明它是一个…

使用 Parcel 和 NPM 脚本进行打包

Parcel

Parcel 是一个零配置的网页应用程序打包工具,主要用于快速构建现代 JavaScript 应用。

  • 我们可以使用npm直接安装它
npm install --save-dev parcel
//这将把 Parcel 添加到 devDependencies 中,表明它是一个开发工具,而不是应用程序在运行时所需的依赖包。

在这里插入图片描述

  • 使用npx运行parcel
npx parcel index.html
//这里的index.html是入口文件,因为我们的script.js就是由它来引入的

在这里插入图片描述

在这里插入图片描述

  • 成功运行之后,会生成一个用于生产,也就是推送给用户的文件夹

在这里插入图片描述

  • parcel支持热重载,一旦开发服务器启动,您在代码中所做的任何更改(如 JavaScript、CSS 或 HTML 文件)都会被 Parcel 自动检测到,并在浏览器中实时更新,无需手动刷新。
if (module.hot) {module.hot.accept();
}

注:在 JavaScript 中,对象是通过引用传递的。如果您在使用 lodash 的深度复制方法时,只是复制了对象的引用,之后的修改会影响到原始对象和复制对象。这意味着如果您在热重载时更新了某个模块中的对象,而没有正确处理引用,可能会导致对象内容不断增加。所以如果这不是我们需要的,需要你手动的去初始化对象

在这里插入图片描述

  • parcel也可以自动的将我们补全一些路径
// import cloneDeep from './node_modules/lodash-es/cloneDeep.js';
import cloneDeep from 'lodash-es'; //不需要写上面这么长的路径,parcel也可以自动的找到这个模块的功能;

在这里插入图片描述

使用npm脚本的方式启动parcel

使用 npm 脚本启动 Parcel 是一种常见的做法,可以简化开发和构建过程。

{"name": "starter","version": "1.0.0","main": "clean.js","scripts": {"start": "parcel index.html"},
  • 然后使用npm start或者npm run start启动parcel

在这里插入图片描述

  • 一般我们也需要使用parcel来生产构建,build 脚本将使用 Parcel 进行生产构建。
  "scripts": {"start": "parcel index.html","build": "parcel build index.html"},

在这里插入图片描述

  • 运行之后我们会发现一些文件被压缩了

在这里插入图片描述

  • 注:我们也可以在全局安装parcel,只要在后面加-g参数即可,这样它就跟live-server一样,不管在哪个文件夹,我们始终可以使用它,但是在实际开发中,却不经常使用,因为实际项目中的开发一般都是独立更新和独立管理依赖的;
http://www.tj-hxxt.cn/news/13826.html

相关文章:

  • 房山 网站建设培训学校招生营销方案
  • dreamweaver网站模板百度首页百度
  • 那个网站教宝妈做辅食站长之家ppt模板
  • 做外贸有哪些免费的网站有哪些讯展网站优化推广
  • wordpress建站毕业论文百度网站快速排名公司
  • 做门户网站国外免费域名申请
  • 江苏建设人才的网站世界足球排名前100名
  • 在线做h5 的网站网页制作基础教程
  • 做暖暖在线获取网站seo模拟点击工具
  • 如何网站全部结构鞍山seo外包
  • 以学校为目标做网站策划书搜索引擎优化是做什么的
  • 怎么给网站加代码百度广告价格
  • 做精酿啤酒购买的网站找合作项目app平台
  • 网站标题字数推广软文平台
  • html手机网站开发教程个人网页免费域名注册入口
  • 甘肃做网站的公司有哪些seo建站公司
  • wordpress评论贴图seol英文啥意思
  • 成都 网站建设 公司定制网站建设电话
  • 今天广西紧急通知最新江苏关键词推广seo
  • 做视频必须知道的一些网站企业seo网站营销推广
  • 兄弟们有没有没封的网站关键字挖掘机爱站网
  • 做外贸兼职的网站设计福州百度推广开户
  • 章丘网站建设哪家好地推推广方案
  • p2p网站如何做测试关键词怎么提取
  • 美食类网站模板郑州做网站
  • 网站建设高清图片前端性能优化有哪些方法
  • 企业网站开发主要职责网页游戏
  • 网页策划方案seo搜索规则
  • 做网站的公司如何推广seo基础优化包括哪些内容
  • 郑州 网站建设的公司适合小学生的新闻事件