xml地图|网站地图|网站标签 [设为首页] [加入收藏]

您的位置:亚洲必赢 > 计算机尝试 > 极速零配置打包体验,极速零配置打包体验教程

极速零配置打包体验,极速零配置打包体验教程

发布时间:2019-05-11 10:34编辑:计算机尝试浏览(66)

    继 Browserify、Webpack 之后,又一款打包工具 Parcel 崛地而起

    继 Browserify、Webpack 之后,又一款打包工具 Parcel 突兀而起

    极速零配置Web应用打包工具

    图片 1

    image.png

    图片 2

    image.png

    图片 3

    image.png

    极速零配置打包体验,极速零配置打包体验教程。Parcel.js 的官网有如此的自己介绍 “极速零配置Web应用打包工具”

    Parcel.js 的官方网址有诸如此类的自己介绍 “极速零配置Web应用打包工具”

    简易接触了一晃,单从成效上的话,确实要比 webpack 强上海重机厂重,可坑也挺多,以往升格之后应该会逐年广泛

    简单来讲接触了弹指间,单从效能上来讲,确实要比 webpack 强上多数,可坑也挺多,未来升高之后应该会日趋普遍

    法定文书档案:

    合法文档:

    官方 GitHub:

    官方 GitHub:

     

    壹、基本用法

    1、基本用法

    Parcel 可以用 npm 或 yarn 安装,个人习于旧贯用 npm,那篇博客将依靠 npm 批注

    Parcel 能够用 npm 或 yarn 安装,个人习贯用 npm,那篇博客将基于 npm 讲授

    先是须要全局安装 Parcel.js    // 当前版本 一.叁.0

    第二需求全局安装 Parcel.js    // 当前版本 一.三.0

    npm install -g parcel-bundler
    
    npm install -g parcel-bundler
    

    然后写三个布置文件...不对,那不是 webpack,那是 parcel, 零配置打包

    下一场写三个配置文件...不对,那不是 webpack,这是 parcel, 零配置打包

    直接成立项目目录,用写个叁个简便的历史观页面

    一直创制项目目录,用写个三个大约的历史观页面

    下一场在项目根目录打开命令行工具,输入以下命令

    图片 4

    parcel index.html -p 3030
    

     

    下一场在浏览器中开拓 就能够开辟刚才开辟的页面

    接下来在类型根目录展开命令行工具,输入以下命令

    上边的授命中 -p 用于安装端口号,若是不设置,则暗中同意运营 1234 端口

    parcel index.html -p 3030
    

    parcel 帮衬热更新,会监听 html、css、js 的转移并即时渲染

    图片 5

    // 实际上通过 src 引进的 css、js 不能热更新

    然后在浏览器中开拓 就能够开辟刚才开垦的页面

    付出到位后,输入以下命令进行包装

    地方的通令中 -p 用于安装端口号,假诺不设置,则私下认可运营 123四 端口

    parcel build index.html
    

    parcel 协助热更新,会监听 html、css、js 的变动并即时渲染

    包装后会生成 dist 目录

    // 实际上通过 src 引入的 css、js 不能够热更新

    桥豆麻袋,说好的打包吗?怎么依然这么多文本?

    支出成功后,输入以下命令举办李包裹装

    骚年莫急,那是用古板写法写的页面,连 package.json 都并未有,接下去改产生模块化的品种,就能够来看打包的作用了

    parcel build index.html
    

    好吧,那本人先手动打开 index.html 看看效果...等等...为什么 css 没被加载?

    本文由亚洲必赢发布于计算机尝试,转载请注明出处:极速零配置打包体验,极速零配置打包体验教程

    关键词: 亚洲 JavaScr...

上一篇:CentOS下MySQL安装详细步骤,0详细安装步骤

下一篇:没有了