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



  • 相关阅读:
    让你一分钟认识电子身份验证系统EID
    jQuery滑动导航菜单
    sql语句中left join、 inner join的使用
    MySQL数据库分表的3种方法
    Apache 配置多端口 多虚拟主机 局域网访问
    8个开发必备的PHP功能(转)
    CentOS&nbsp;6.4&nbsp;图文安装教…
    mysql中char与varchar的区别分析
    PHP+jQuery+Ajax实现用户登录与退…
    隐藏/显示&nbsp;我的电脑盘符驱动…
  • 原文地址:https://www.cnblogs.com/slovey/p/9212327.html
Copyright © 2011-2022 走看看