美文网首页
parcel VS 弱鸡webpack

parcel VS 弱鸡webpack

作者: 凉城十月 | 来源:发表于2020-09-19 01:49 被阅读0次

    Parcel 无需配置,在开发环境的时候会自动在浏览器内随着你的代码更改而去更新模块。
    比起配置复杂的webpackParcel简直就是王者。
    点击parcel官网进行配置。

    parcel
    主页就是这样,点击Get Started
    1. 安装parcel
      Yarn:
    yarn global add parcel-bundler
    

    npm:

    npm install -g parcel-bundler
    
    1. 创建一个合法的package.json文件
    yarn init -y
    

    or

    npm init -y
    
    1. 创建一个index.htmlindex.js文件
      index.html:
    <html>
    <body>
      <script src="./index.js"></script>
    </body>
    </html>
    

    index.js:

    console.log('hello world')
    
    1. 运行
      Parcel内置了一个开发服务器,当更改文件时,它将自动重建应用程序,并支持热模块替换以实现快速开发。
    parcel index.html
    

    以上是parcel的简单使用,简单的配置吊打webpack,你喜欢用parcel还是webpack呢?

    相关文章

      网友评论

          本文标题:parcel VS 弱鸡webpack

          本文链接:https://www.haomeiwen.com/subject/kyrdyktx.html