无网络环境使用node构建环境(webpack,gulp)

lauren_liuling 发布于2019-08-20 18:20 / 954人阅读

摘要：场景最近须要把使用了的前端项目交给后端开发，想解决无法在线安装模块，曾试过申请后端开网，但无果。

场景

最近须要把使用了webpack的前端项目交给后端开发，想解决无法在线安装node模块，曾试过申请后端开网，但无果。

近来发现一篇文章是关于npm script的使用，解决了这个问题

关键点

其中关键点是npm script中运行的代码是优先本目录中的模块，即运行webpack,gulp须要全局安装的模块时，现在只用安装在本项目内便可以运行

代码

package.json

{
    ...
    scripts: {
        "dev": "webpack",
        "build": "gulp"
    }
    
    ...
}

使用（交付后端）

只须要把整个本地项目全部复制给后端人员，并在后端开发机上安装node.js环境即可以正常运行

运行代码

    npm run dev
    npm run build

GPU云服务器云服务器 docker构建环境 java环境构建安装node环境服务器 node环境

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84370.html

使用 Gulp 自动化构建工具快速搭建项目

摘要：通过本文，我们将学习如何使用来改变开发流程，从而使开发更加快速高效。中文网站详细入门教程使用是基于的，需要要安装为了确保依赖环境正确，我们先执行几个简单的命令检查。详尽使用参见官方文档，中文文档项目地址为了UED前端团队更好的协作开发同时提高项目编码质量，我们需要将Web前端使用工程化方式构建；目前需要一些简单的功能： 1. 压缩HTML 2. 检查JS 3. 编译SA...

glumes 2019-08-20 15:57 评论0 收藏0
gulp和webpack入门介绍

摘要：介绍说明的包管理器，用于插件管理包括安装卸载管理依赖等使用安装插件命令提示符执行插件名称。总结安装新建文件全局和本地安装安装插件新建文件通过命令提示符运行任务。 showImg(https://segmentfault.com/img/remote/1460000010873466); 前言众所周知目前比较火的工具就是gulp和webpack，但webpack和gulp却有所不同，本...

hsluoyz 2019-08-20 18:58 评论0 收藏0
webpack工程化集成React技术栈（一）

项目开始前，我们先聊一聊关于项目的一些说明。该项目起始于2017年初，当时公司主要技术栈为gulp+angular，鉴于react的火热的生态，在公司决定研发bss管理系统时选用react开发，目的也是为react native打下基础，以解决后期公司大前端技术栈的逐步成熟。（当时没有选择vue开发的主要原因是weex生态还不够特别成熟），既然决定换新，项目的构建也跟着一起换，从gulp转向火热的...

tianhang 2019-08-22 14:47 评论0 收藏0
前端模块化和构建工具

摘要：以前一直对前端构建工具的理解不深，经过几天的研究特意来总结一下，第一次写博客，有写错的请多多见谅，该文章我也从其他博客拷了一些内容，如果有冒犯之处，请指出。强大的设计使得它更像是一个构建平台，而不只是一个打包工具。以前一直对前端构建工具的理解不深，经过几天的研究特意来总结一下，第一次写博客，有写错的请多多见谅，该文章我也从其他博客拷了一些内容，如果有冒犯之处，请指出。如今，网页不再...

ad6623 2019-08-20 18:37 评论0 收藏0
聊一聊前端自动化测试

摘要：在真正写了一段时间的基础组件和基础工具后，才发现自动化测试有很多好处。有了自动化测试，开发者会更加信任自己的代码。由于维护测试用例也是一大笔开销毕竟没有多少测试会专门帮前端写业务测试用例，而前端使用的流程自动化工具更是没有测试参与了。本文转载自天猫前端博客，更多精彩文章请进入天猫前端博客查看前言为何要测试以前不喜欢写测试，主要是觉得编写和维护测试用例非常的浪费时间。在真正写了...

wthee 2019-08-21 10:50 评论0 收藏0