`

前端打包工具

 
阅读更多
首先需要安装 node.js 自行百度安装(全局安装)
FIS3 是面向前端的工程构建工具。解决前端工程中性能优化、资源加载(异步、同步、按需、预加载、依赖管理、合并、内嵌)、模块化开发、自动化工具、开发规范、代码部署等问题。
 
在本体库的前端环境部署过程中,使用了fis3技术,对过程中遇到的一些问题进行了整理,使得大家在后续使用中可以减少不必要的麻烦
 
使用fis3首先需要安装node.js,因为fis3是基于node.js运行的。关于node.js就不再多说了,可自行百度下载进行安装。
 
安装完node.js之后,就可以安装fis3了,打开cmd命令框,输入:npm install -g fis3(如果对于网络有信心或愿意耐心等待)
如果网络不是很好,也不愿等太久,可以先安装淘宝npm镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org

这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

前面那句话是http://npm.taobao.org/上对于淘宝npm镜像的描述
安装完淘宝npm镜像之后,在cmd命令框中就可以使用cnpm 代替 原先的 npm来进行插件的安装,以下是fis3使用过程中会用到的一些插件,而且版本之前可以经过兼容测试,可安心下载使用:
# 安装fis-pure
cnpm i -g fis-pure
# 安装ng-annotate插件
cnpm install -g fis-preprocessor-annotate
#安装插件bower
cnpm install -g bower
安装过程中,都是进行全局安装,这样就不需要在工程中引入上述插件,使用时可以需要监听的工程目录即可。
fis3的具体使用在这就不做讲解,可进入相关网站进行查看学习
分享到:
评论

相关推荐

    前端打包工具的演进ppt

    ### 前端打包工具的演进 #### 一、内容简介 随着互联网技术的迅猛发展,前端技术也在不断地进步和完善。从前端静态页面到复杂的单页应用,前端资源的管理和优化变得越来越重要。为了提高前端资源的加载速度及整体...

    yarn 前端打包工具指定配置文件

    默认情况下,`Yarn` 使用 `package.json` 文件中的 `scripts` 字段来执行命令,如 `build` 或 `start`,这些命令通常与前端打包工具(如 `Webpack`、`Rollup` 或 `Parcel`)相关联。 当我们需要对打包过程进行定制...

    一款针对webpack等前端打包工具所构造的网站进行快速、高效安全检测的扫描工具.txt

    前端打包工具在现代Web开发中扮演着极其重要的角色,它们不仅能够帮助开发者组织代码结构、优化资源加载速度,还能提高应用程序的整体性能。然而,随着前端项目复杂度的增加,这些工具也可能引入新的安全风险。 ###...

    一款针对Webpack等前端打包工具所构造的网站进行快速、高效安全检测的扫描工具

    一款针对Webpack等前端打包工具所构造的网站进行快速、高效安全检测的扫描工具 安全服务中是否遇到越来越多以`Webpack打包器`为代表的网站?这类打包器会将整站的API和API参数打包在一起供Web集中调用,这也便于我们...

    基于 Webpack 和 Postcss 的前端打包工具.zip

    包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...

    ada:基于 Webpack 和 Postcss 的前端打包工具

    Ada (阿打)基于 Webpack 和 Postcss 的前端打包工具起因工作中经常遇到一些零散活动需求,分散在不同项目,部分项目是后端维护的。每个项目写打包配置文件,维护太麻烦,就将所有配置写在了一个命令行工具,脱离业务...

    scss-flex:flexbox布局神器,使用SASS语法编写,使用webpack前端打包工具进行打包

    scss-flex flexbox,移动端flex布局神器,兼容微信,UC,webview等移动端主流浏览器,可以通过bower和npm下载参考使用SASS语法编写,使用gulp前端打包工具进行打包针对flexbox布局方式的详细介绍:下载git clone ...

    使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具开发一个简单的PC端应用程序

    使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具配合Rust开发一个简单的PC端应用程序 优点: 1. 打包后的应用程序比Electron打包的应用程序体积小10倍左右 2. 因为是Rust可以转为二进制语言调用系统API,...

    NodejsDev:自用web开发框架,基于Node.js,web服务使用express进行搭建,使用gRPC进行前后端服务通信,整合前端打包工具webpack

    Lc Framework(LcF自用web开发框架)站在巨人的肩膀上简单介绍此项目是基于Node.js(全栈js,es6),Web服务使用express进行搭建,使用gRPC进行前后端服务通信,整合前端打包工具webpack(可替换gulp).小可构建一个...

    前端开源库-venderast

    虽然Webpack是目前最流行的前端打包工具,但Venderast以其轻量化和高度优化的特点,为那些追求极致性能的项目提供了另一种选择。相比于Webpack,Venderast可能更适合小型项目或对性能有较高要求的场景。然而,在大型...

    软件打包工具 打包 工具 各种语言打包工具

    - **JavaScript**: 对于前端项目,Webpack和Rollup是常用的打包工具,可以将ES6模块、CSS、图片等资源打包成浏览器可识别的格式。Node.js应用则通常使用`npm`或`yarn`打包。 - **C++/C**: CMake是一个跨平台的...

    前端开发的工作职责精选【10篇】.pdf

    2. 熟悉 Gulp、Grunt、Webpack 等前端打包工具 3. 熟悉 Git、Svn 等源代码版本管理工具 4. 熟悉一种前端构建工具,如 Webpack/Rollup/Gulp 等 5. 熟悉一种前端框架,如 Vue.js 等 6. 具备良好的编码习惯,勇于承担...

    前端开源库-bundly

    通过以上介绍,我们可以看出`bundly`是一款高效且易用的前端打包工具,它简化了前端开发的构建流程,提高了开发效率,并且具备良好的扩展性和社区支持。对于那些寻求快速启动新项目或希望优化现有构建流程的开发者来...

    前端开源库-app-bundler

    目前市场上的主流前端打包工具有Webpack、Rollup、Parcel等,它们都有强大的插件系统,可以根据需求定制打包流程。例如,Webpack以其高度可配置性闻名,支持各种预处理器和后处理器,适合大型复杂项目;Rollup则以...

    4款前端自动化构建工具的介绍与对比.zip_java自动化框架

    4款前端自动化构建工具的介绍与对比.zip 大家都知道webpack是当人不让的前端自动化构建工具,但是除了它还有其它常用的前端打包工具存在,现在我们来比较4款

    前端开源库-strapping

    Strapping可能是一个前端打包工具或者一个包含了一系列打包配置和最佳实践的库。使用这样的库可以帮助开发者快速设置项目结构,实现模块化,以及自动化构建流程。它可能包含了对常见前端库如React、Vue或Angular的...

    基于Vue实现微前端的示例代码

    在现代前端工程化中,前端打包工具Webpack几乎成为了行业标准。它能够将模块化的JavaScript代码打包成浏览器可识别的文件格式。通过Webpack的强大插件系统,还可以实现代码分割、懒加载、热替换、ES模块转译等高级...

    YUI JS CSS 打包工具

    YUI JS CSS 打包工具是一款高效的前端资源优化工具,主要针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩和合并,以提升网页加载速度和整体性能。这款工具由雅虎(Yahoo!)开发,是其开源项目的...

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs 算法 视频教程 下载

    因为字数限制 下面目录只是部分 01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针...50 webpack前端打包工具2.mp4 51 前端-商城项目实战1.mp4 53 商城项目实战3.mp4 源码课件.rar

    全栈开发终极专业课程 Promise 前端工程化 VUE React nodejs 算法 视频教程 下

    因为字数限制 下面目录只是部分 01 Promise讲解.mp4 02 模块化、浏览器内置对象、事件.mp4 03 作用域 闭包 this指针...50 webpack前端打包工具2.mp4 51 前端-商城项目实战1.mp4 53 商城项目实战3.mp4 源码课件.rar

Global site tag (gtag.js) - Google Analytics