zoukankan      html  css  js  c++  java
  • Parcel 入门 (一)

      Parcel 是一个Web应用程序打包器(bundler),与以往的开发人员使用的打包器不同。它利用多核处理提供极快的性能,并且不需要进行任何配置。

    安装

    Yarn:

    yarn global add parcel-bundler
    Npm:
    npm install -g parcel-bundler
    二、 创建package.json文件;

    Yarn:
    yarn init -y
    npm:
    npm init -y
    三、 启动 
      Parcel可以将任何类型的文件作为入口点,但是HTML 或 JavaScript 文件是一个很好的开始。如果你使用相对路径将你的主javaScript文件链接到HTML中,Parcel也会为你处理,并
    将该引用替换为输出文件的URL。

    创建一个index.html 和 index.js 文件。
    index.html
    <!DOCTYPE html>
    <html>
    <head>
        <title>Parcel 入门</title>
    </head>
    <body>
        <script type="text/javascript" src="./index.js"></script>
    </body>
    </html>
    index.js
    alert('Hello, world!');
    1. Parcel 内置了一个开发服务器,在你更改文件时自动重建你的应用程序,并支持模块热替换,以便快速开发。你只需指定入口文件即可:
    parcel index.html

     运行成结果为:

    已经启动成功。在浏览器中打开http://localhost:1234,会出现弹框。

        2.  你也可以使用-p <port number>选择覆盖默认接口。

    parcel index.html -p 2345

           3. 如果您没有自己的服务器。或者你的应用完全是客户端渲染的,那么请使用开发服务器。如果你有自己的服务器,你可以在watch 模式下运行parcel。这样文件更改时,parcel仍然会自动重建文件,并支持模块热替换,但不启动web服务器。

      

    parcel watch index.html



  • 相关阅读:
    框架基础
    Servlet
    JSP数据交互二
    动态网页开发基础
    数据交互
    期末Java Web大作业----简易的学生管理系统
    南阳71----独木舟上的旅行
    南阳1092----数字分隔(二)
    顺序表、链表、栈和队列
    各类排序模版(计数排序、基数排序、桶排序、冒泡排序、选择排序、插入排序、希尔排序、归并排序、原地归并排序、快速排序、堆排序)
  • 原文地址:https://www.cnblogs.com/slovey/p/9212327.html
Copyright © 2011-2022 走看看