手动搭建Parcel项目

简介: 手动搭建Parcel项目

一、初始化项目目录

新建一个文件,使用vscode打开文件夹

npm init

点击回车,使用默认配置就可以


二、安装parcel依赖

npm install parcel-bundler --save-dev

三、新建入口文件

1、新建src目录,index.html文件

新建asset、css、main、images、style.css、main.js文件夹及文件,index.html引入style.css、main.js。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./asset/css/style.css">
</head>
<body>
    <script src="./main/main.js" type="moudle"></script>
    
</body>
</html>

2、修改package.json脚本;

  "scripts": {
    "dev": "parcel src/index.html",
    "build": "parcel build  src/index.html"
  }


3、启动项目

npm run dev

 

相关文章
three.js的Gui面板使用方法
three.js的Gui面板使用方法
797 0
|
数据可视化 定位技术
three.js实现烟雾缭绕效果
前言 大家好!我是Fly哥,最近接广告的接的有点多, 感谢大家还是一如既往的支持我!respect, 前几天我在朋友圈分享了一个烟雾缭绕的效果。很多小伙伴都表示非常感兴趣,有的同学说用到了噪声, 有的同学说用到了着色器,还有更过分说用到了ps, 胖虎竟然无语凝噎。其实都是就是简单的贴图。配合一点想象力。我们先看下效果: 然后我就发了一条朋友圈,问这个像什么?? 有的说 云层, 有的说云墨,有的说雾霭, 其实都不是, 我想做的是烟雾。好的话不不多说!, 本篇文章阅读大概5分钟。不耽误大家太多时间,主要是介绍思路, 说太多也没啥意义。如果你对three.js 还没有一点了解都没有,
three.js实现烟雾缭绕效果
|
6月前
|
JSON 前端开发 Java
Java新手指南:如何在Spring MVC中处理请求参数
处理Spring MVC中的请求参数是通过控制器方法中的注解来完成的。这些注解包括 `@RequestParam`, `@PathVariable`, `@ModelAttribute`, `@RequestBody`, `@RequestHeader`, `@Valid`, 和 `@RequestMapping`。使用这些注解可以轻松从HTTP请求中提取所需信息,例如URL参数、表单数据或者JSON请求体,并将其转换成Java对象以供进一步处理。
553 17
|
缓存 移动开发 JavaScript
《vue2进阶篇:路由》第10章:vue-router,包括基础路由、嵌套路由、路由的query参数和params参数、命名路由、router-link的replace属性、编程式路由、缓存路由组件
《vue2进阶篇:路由》第10章:vue-router,包括基础路由、嵌套路由、路由的query参数和params参数、命名路由、router-link的replace属性、编程式路由、缓存路由组件
708 2
|
存储 缓存 JavaScript
一文带你了解vuex和使用(2024年11月)
欢迎来到我的博客,我是自学前端两年半的大一学生,熟悉JavaScript与Vue,正向全栈发展。本篇介绍了Vuex,Vue.js的状态管理模式,包括其核心概念如state、getter、mutation、action及模块化使用,通过集中管理状态确保应用状态的可预测变化。文章详细解析了Vuex的工作原理,特别是与Vue的computed属性和响应式系统的集成,以及如何在实际项目中搭建和使用Vuex。如果你觉得有帮助,欢迎关注,我将持续更新更多技术文章。🎉🎉🎉
1283 0
|
Ubuntu Linux Shell
Docker CE 镜像源站
Docker CE 镜像源站
240934 117
|
前端开发 JavaScript UED
前端 js 经典:async 和 await
前端 js 经典:async 和 await
463 2
【实验篇】如何利用BFD与浮动路由联动实现链路自动切换?
【实验篇】如何利用BFD与浮动路由联动实现链路自动切换?
366 0
【若依】 路由跳转并关闭当前tabs标签页
【若依】 路由跳转并关闭当前tabs标签页
1499 0
|
安全 Shell 网络安全
利用GitHub 的Actions自动同步gitee仓库,并Gitee Pages 自动部署项目
本文是博主学习GitHub、gitee的记录,希望对大家有所帮助。
957 0