这篇文章分享一个 Webpack 和 Parcel 打包辅助工具。
帮助大家更好的打包自己的网站。

１.Webpack 和 Parcel 是常用的前端打包软件。

两者得区别在于：

Webpack 在使用的过程中需要花一些时间在配置文件上，适用于一个团队的大项目。
Parcel 相反，配置文件很简单，适用于小项目。例如，个人项目。

所以这里分享的工具主要用于 Webpack 的打包过程，因为 Parcel 相对来说很轻量。

像 Webpack 这种工具都是不断在更新的，所有我不想介绍这两种打包工具的方法，因为当你看到这个文章的时候，很可能我分享的方式和你使用的 Webpack 版本号不匹配。

这就是 Webpack 配置复杂的原因，本身有很多配置工具信息，还要考虑它们之间的版本问题。

２.辅助工具介绍

但这个工具能很好的解决这个问题。工具地址

你可以选择自己使用的前端框架像 React 或者 Vue，还有一些打包的辅助工具。

这个工具能根据你的选择，生成你需要配置的信息，并自动生成 npm 指令。

这里生成的指令都是最新版本，且互相兼容的！

这就是我要分享的工具，希望能帮助你省去打包配置的时间。

Webpack 和 Parcel 打包辅助工具相关推荐

unity3d打包辅助工具
辅助工具主要使用的库有mod_pbxproj与plistlib,可以在github中搜到. 主要过程是: 调用 unity -batchmode -quit -projectPath去生成对应的Xco ...
webpack，一个优秀的打包的工具
1.什么是? webpack是一个静态模块打包器 2.作用 ①有效处理模块化.默认情况下,浏览器并不支持模块化,而我们的前端项目又使用了模块化,有了webpack之后,就可以突破这个限制了.(翻译(降 ...
pika开源：替代WebPack的全新JS构建工具
在过去几年中,JavaScript打包已经从一种生产环境优化手段演变成几乎所有Web App都必不可少的构建步骤.不管你喜欢与否,打包器已经给Web开发带来了巨大的复杂性,这是个不争的事实. 为什么要 ...
Shellcode开发辅助工具shellnoob
Shellcode开发辅助工具shellnoob Shellcode开发的过程中会遇到很多繁杂的工作,如编译.反编译.调试等.为了减少这部分工作,Kali Linux提供了开发辅助工具shellnoo ...
【分享】Vue 资源典藏（UI组件、开发框架、服务端、辅助工具、应用实例、Demo示例）...
Vue 资源典藏,包括:UI组件开发框架服务端辅助工具应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和 ...
嵌入式开发/调试辅助工具
开发辅助工具开发环境组成通常开发环境由三部分组成: 构建环境:包括代码编写,程序编译,版本控制等功能. 调试环境:用于定位问题的辅助工具集测试环境:用于验证目标程序是否满足用户要求的显性需求和隐性需 ...
webpack 的基本使用——配置打包的入口与出口||配置 webpack 的自动打包功能
配置打包的入口与出口 const path = require('path') // 导入 node.js 中专门操作路径的模块 module.exports = { entry: path.join ...
mpvue两小时，产出一个《点钞辅助工具》小程序
代码地址如下: http://www.demodashi.com/demo/13564.html CoffeeScript,Pug,Sass使用以下内容门槛较高,如看不懂或觉得需要继续了解,请前往官 ...
史上最全的程序猿工具集(辅助工具、开发工具、技术栈、学习网站、博客论坛)
您的关注,是我前进的最大动力,各位老铁,看完收藏一波,你值得拥有前言在平时的开发工作中我们需要使用到很多的工具来辅助我们的开发,也经常会查阅很多的网站来收集资料.下面具体总结一下开发过程中的一些工 ...

Webpack 和 Parcel 打包辅助工具

１.Webpack 和 Parcel 是常用的前端打包软件。

２.辅助工具介绍

Webpack 和 Parcel 打包辅助工具相关推荐

最新文章

热门文章