如何使用gulp+webpack+vue来构建一个项目？

weixin_38058520 2018-09-27 01:55:22

如题，最近进行vue的学习并碰到了这个需求，苦于找不合适的方法，衷心的请教各位大佬如何配置环境，万分感谢！

...全文

76 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_38067822 2018-09-27

打赏
举报

回复

是我webpack拿不动刀了，还是gulp不够骚了

weixin_38093352 2018-09-27

打赏
举报

回复

有 Webpack 了为啥还要用 Gulp

Vue.js + Webpack + Gulp + Bootstrap 示例设置 npm i # develop mode: ./node_modules/.bin/gulp # build: ./node_modules/.bin/gulp build

Vue.js + Webpack + EasyUI示例此示例演示了如何将Webpack用作Vue.js应用程序的构建工具，包括：将您的应用组织到视图和组件中。通过配置的加载程序直接使用require() CSS（Stylus）文件和HTML模板。将您的构建拆分为多个延迟加载的块。设置 npm install gulp server 然后将该文件夹提供给静态HTTP服务器，例如python -m SimpleHTTPServer 。这对于启用模块的延迟加载是必需的。

使用构建工具去对 JS、CSS、HTML、LESS、IMG 等进行合并压缩构建到最后实现自动化构建项目。是前端工程师必备的技能之一。本套视频主要讲解当前开发中最流行的三种自动化构建工具: Grunt, Gulp, webpack。从理解什么是构建工具，为什么要用构建工具，到如何去使用构建工具。学习本套视频之前建议先学习 JS 模块化。

mui-vue2 基于mui + vue2.x的H5 APP项目，页面视图全部都是html5页，不是嵌入app原生页面，项目可以直接运行在PC上调试，也可以在hbuilder上真机调试，可以直接下载安装。项目文档地址：。考虑访问速度：码云项目地址：前端技术交流群：247880151 这是升级到vue2.x和webpack再重新配置成单页app，如果想看vue1.0 + gulp多页面app请看仓库mui-vue app打包技术是用工具一键打包成APP，也可以通过eclipse本地打包（本地打包是有添加Android sdk包的需求，这里没有介绍，只是简单构建使用，本地打包工程文件如需可以索取）。这些都是提供一整套技术解决方案。说明：编辑和项目开发实例了github上yujinjin / fans和vue美团的项目，项目只是基本页面，后面再添加页面和替换接口前端UI的部分使用m

前端面试题汇总 Webpack webpack与grunt、gulp的不同？与webpack类似的工具还有哪些？谈谈你为什么最终选择（或放弃）使用webpack？三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打有哪些常见的Loader？他们是解决什么问题的？有哪些常见的Plugin？他们是解决什么问题的？ webpack 中 loader 和 plugin 的区别是什么 webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全是否写过Loader和Plugin？描述一下编写loader或plugin的思路？是否写过Loader和Plugin？描述一下编写loader或plugin的思路？ webpack的热更新是如何做到的？说明其原理？如何利用webpack来优化前端性能？（提高性能和体验）如何提高webpack的构建速度？怎么配置单页应用？怎么配置多页应用？ npm打包时需要注意哪些？如何利用webpack来更好的构建？如何在vue项目中实现按需加载？

其他技术讨论专区

433

社区成员

791,270

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章