如何评价0配置的web打包器parcel 配置输出

来源：蜘蛛抓取(WebSpider) 时间：2018-05-18 08:35 标签： parcel打包问题
如何评价0配置的web打包器parcel？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="6分享邀请回答github.com/LongTengDao/j-pack喏。。就这个1114 条评论分享收藏感谢收起theGaint - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。互联网赞同了回答1 个月前阅读全文1.6K74 条评论分享收藏感谢关注了问题1 个月前4如何评价0配置的web打包器parcel？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="6分享邀请回答15518 条评论分享收藏感谢收起本文译自 。webpack 已经经历三四年的发展，社区和技术趋于成熟，它已经成为了前端开发中的必备工具。那问题来了，会有新的工具来挑战 webpack 的地位吗？各位不妨看看本文的 Parcel，说不定就是未来的主角。
一开始使用 React 的痛苦想必大家都经历过。在真正进入编码之前，需要花大量的时间搞清楚如何配置 webpack。
项目的流行就是因为它简化了配置，加快了项目初始化的速度。俗话说，成也风云，败也风云。将 webpack 配置隐藏既是它的优点，也是它的缺点。随着项目不断地扩大，你可能想做一些高级配置，就需要将 webpack 配置从 Create React App “拖”（eject）出来，这段配置异常复杂，这就回到了老问题——webpack 还是得学习啊！
最近，一个新的构建工具
出现了，它是零配置的！真的不敢相信有这么好的东西，看起来所有问题都将迎刃而解。
我在一个大项目中尝试使用 Parcel，效果拔群。build 出包经过优化，要知道用 webpack 的时候，我需要花数天时间来实现相同的优化。
我想这个工具潜力无限，我们一起来看看如何使用它来轻松搭建一个 React 应用。
使用 Parcel 开发 React 应用
首先，创建一个 NPM 项目：
mkdir react-parcel
cd react-parcel
npm init 会询问你一些问题，直接按 enter 键使用默认值即可。
下一步安装 React、babel 和 Parcel 依赖：
npm install --save react
npm install --save react-dom
npm install --save-dev babel-preset-react
npm install --save-dev babel-preset-env
npm install --save-dev parcel-bundler
接下来，创建 .babelrc 文件，告诉 parcel 我们使用 ES6 和 React JSX：
&presets&: [&env&, &react&]
创建 React App，就两个文件：
index.js：
import React from &react&;
import ReactDOM from &react-dom&;
class HelloMessage extends React.Component {
render() {
return &div&Hello {this.props.name}&/div&;
var mountNode = document.getElementById(&app&);
ReactDOM.render(&HelloMessage name=&Jane& /&, mountNode);
index.html：
&!DOCTYPE html&
&title&React starter app&/title&
&div id=&app&&&/div&
&script src=&index.js&&&/script&
现在，只需要在 package.json 添加一个启动脚本就可以把我们的应用跑起来了：
&scripts&: {
&start&: &parcel index.html&,
搞定，启动：
访问 http://localhost:1234 就可以打开我们的 App 了。
目前 parcel 仅支持 node 8 或者以上版本。
Github 开源
可以找到完整的代码。如果你觉得有帮助，欢迎 。
，这个要简单多了！
Parcel 或许是 Create React App 一个不错的替代。你肯定关心 parcel 现在是否足够稳定用于生产环境。不太确定，看看事情怎么发展吧，不过它值得关注！
欢迎加入前端外刊评论，一起交流！
使用第三方账号登录
使用账号登录如何评价0配置的web打包器parcel？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="6分享邀请回答13添加评论分享收藏感谢收起

我要回帖

更多关于 parcel打包问题 的文章

 

随机推荐