Ⅰ 前端构建工具和打包工具有啥区别
Webpack是一个前端模块化方案，更侧重模块打包。我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。
Webpack就是需要通过其配置文件（Webpack.config.js）中 entry 配置的一个入口文件（JS文件），然后在解析过程中，发现其他的模块，如scss等文件，再调用配置的loader或者插件对相关文件进行解析处理。
两者区别
虽然Gulp 和 Webpack都是前端自动化构建工具，但看2者的定位就知道不是对等的。Gulp严格上讲，模块化不是他强调的东西，旨在规范前端开发流程。Webpack更明显的强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。
以上就是介绍的前端构建工具 Gulp 和 Webpack，以及两者之间的区别。如今互联网发展迅速，Web前端人员也应该与时俱进的不断学习。
Ⅱ 怎么讲前端的代码打包成web app
方法/步骤
下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)
Java和Android环境安装与配置，将另写经验分享，读者也可网络参考其他相关资料，自行安装
打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello
html5程序在工程www目录下编辑；
编辑好我们的html5程序，下面就要开始学习打包了
这里介绍两种打包方式：1、PhoneGap Build Service 打包
PhoneGap官网有相关教程可参考，不具体介绍
2、android SDK +eclispe 打包
android SDK +eclispe 打包(前提已配置好，android开发环境)：
Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello
Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面
Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式
Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk
Ⅲ 前后端分离的前端是怎么部署到生产环境中的，直接通过 nginx 吗
front-end-separate(前后端分离脚手架)
front-end-separate
一个前后端分离的脚手架工具（自主研发）
为什么选择grunt而不是gulp
如果你也和我一样喜欢grunt这种配置的方式，那么我相信这个脚手架觉对十分适合你
所有静态资源都md5全并压缩打包,css,js,img,html
已在生产环境验证
基于express和grunt的前后端分离框架
模板引擎使用的是nunjucks，好处是可以实现模版继承，又不像jade一样把html标签都简化了
express提供路由服务
项目中app为原代码文件（开发用），dist为打包后的文件（用于线上）
开发使用app，线上使用dist，支持一键cdn部署，加速你的项目
项目启动时，修改任何express代码，可以实现自动重启–基于nodemon
支持sass图片精灵（自动打包精灵图片，再也不用手动去拼凑了）
基于grunt md5 打包合并
线上输出的html已经压缩成一行（让你的代码更有Geeker范）
Ⅳ 前端环境配置的问题，前端人员需要安装后台环境吗团队
做前端不用搭建后台啊，后台的搭建是做后端的人搭的，在公司里都是后端的人直接把前端的页面拿过去就行了
Ⅳ 前端开发需要配置什么环境
web前端开发环境的搭配：
A、Sublime3安装配置：
Sublime跨平台的前端开发神器,是一个共享软件,免费使用；下载最新Sublime3安装包；
-官网地址:http://www.sublimetext.com/
-安装包管理器
打开Sublime3控制台,ctrl+~
输入安装包管理器命令代码，注意需要联网才能安装,因为是在线下载包
包管理器的官网地址:https://packagecontrol.io
-安装第三方插件(包)
打开命令面板:ctrl+shift+p；
输入install,然后回车，然后可以搜索想要的插件,回车安装；Atom工具使用
B、Atom工具使用：
由github发布的前端开发工具，集成了chrome的调试工具，是一款非常强大和开发的开发工具平台。在file里面的setting里面进行设置,包括字体的大小,快捷键,背景颜色主题等；
官网地址：https://atom.io/
C、WebStorm10的安装与使用：
WebStrom是最专业的前端IDE开发工具，是一个非常重量级的开发工具,是专业为我们前端设计的IDE,用他来开发是效率非常高；
D、总结三款开发工具的优劣：
Sublime3:需要安装第三方的包，一般。Atom：集成度非常好，也很轻，需要自己安装第三方的包。Webstrom：大项目，建议使用webstrom，非常强大，但是也很重。
Ⅵ 前端入职需要安装什么环境
一、基础环境
Node.js是JavaScript运行时，目前前端工程化必不可缺的一个环境。通常我们会选择稳定版本(LTS)进行下载。
NPM是javascript的包管理工具，也是目前Node.js默认的包管理工具。一般下载了Node.js后会附带npm，不用专门的去下载。
YARN是Fackbook开源的依赖管理包，和npm是做同样的工作，但相比npm安装依赖的速度会更加迅速。两者都是讲依赖写入package.json中，在使用习惯上是相近的。
Git是最先进的代码版本控制软件。
二、开发环境
编辑器
目前前端开发主流的编辑器有sublimeText、WebStorm、vscode，三种主流器各有特点:
sublimeText是一个十分轻巧的编辑器，编辑器是付费软件，可以无限试用。在 macOS 上下载该软件仅需 15.2MB. 需要安装相应的插件，比如你可能需要某个语言的语法高亮，因此你需要在 store 上找到相应插件来提高你开发体验。
webStorm是一个功能强大的编辑器，同时也是一个付费软件，并不像sublimeText那样可以无限试用，由于功能太过于齐全，一些低配置的电脑可能会吃不消。以上特点是群友对webStorm的评价，笔者没有使用该编辑器，不过多评论。
vsocde是由微软开源的一个编辑器，虽然是后起之秀，但开源后该编辑器的设计与体验迅速吸引了一大批用户。它内置了一些前端基础的开发环境，针对Node.js还可以进行短点调试。
vscode其中有一个插件叫做setiings sync, 它可以将你的编辑器配置上传至gist。就算你换了一个全新的设备，下载vscode后，再下载该插件，传入Token后就可以同步你所有的配置，十分的方便~
vscode的配置可以查看具体教程
浏览器
前端的工作更多时候是与用户打交道，我们的工作产出通常在浏览器页面上呈现。
浏览器通常提供了开发者工具以供开发者调试，目前市面上主流的浏览器主要就是chrome、Safari、IE/Edge、opera、firefox这五种浏览器。国内市场有UC浏览器等，但内核的大多都是采用webkit或者兼容低版本IE内核。
从statcounter 统计数据来看，目前主要的趋势还是以chrome所使用的webkit内核作为主流，同时chrome的开发者工具对于开发人员十分的友好，因此有很多的开发者选择了该浏览器作为首选的调试工具。chrome还有一个便利就是登陆了谷歌账号后，可以在别的机器上进行同步插件和配置。
Ⅶ 前端项目打包部署
通过vue-cli和webpack构建的项目体积一般都较大，在生产环境下，需要进行打包部署。
1.准备
2.打包
3.部署
一闪而过
输入 http://localhost/dist ，可以看到项目运行结果