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



  • 相关阅读:
    HDFS体系结构
    HDFS核心设计
    1)HDFS分布式文件系统 2)HDFS核心设计 3 )HDFS体系结构
    大数据的特征
    zookeeper原理
    Hadoop安装手册
    微信公众号开发
    一、Ajax 二、JSON数据格式 三、Ajax+Jquery 四、分页的实现
    设计模式--工厂模式
    Spring MVC 配置文件设置全局编码
  • 原文地址:https://www.cnblogs.com/slovey/p/9212327.html
Copyright © 2011-2022 走看看