展开

关键词

首页关键词js打包 工具

js打包 工具

相关内容

  • 广告
    关闭

    腾讯云+社区「校园大使」招募开启!报名拿offer啦~

    我们等你来!

  • webpack实战——JS打包工具

    前言前面篇章叙述了关于webpack的许多内容,从入门,打包第一个模块,到进阶,最后到本地、生产及打包的优化。 本篇则提及一下在javascript社区中另外的一些类似的打包工具,它们有的更加轻量、简洁,有的则更专注于某类特定场景等。 通过了解这些,希望会有助于我们开发时从更多的角度和方向来认识打包工具及其发展...
  • 构建打包工具Rollup.js入门指南

    最近在看vue源码的时候发现一个新的打包工具rollup.js,之前没有听说过这个工具,也不了解rollup.js相比于常用的打包工具webpack有什么异同和优势,随后查了一下了解到vue,react,d3,three.js,moment源码里都有它的身影,rollup到底什么? 这篇文章带你走进rollup的世界。? 因为笔者习惯在学习新东西的时候,先从...
  • Node.js SDK

    开发环境node.js 8.9 版本通过 npm 安装通过 npm 获取安装是使用 nodejs sdk的推荐方法,npm 是 node.js 的包管理工具。 关于 npm 详细可参考 npm 官网 。 执行以下安装命令:npm install tencentcloud-sdk-nodejs --save在您的代码中引用对应模块代码,请参考下面的示例。 通过源码包安装前往 github 代码托管地址 ...
  • 实现小型打包工具

    照顾好自己,望平安... ...? 为了解webpack的原理,我们来试着实现一个小型的打包工具。 以下代码实现了两个功能:将es6转为es5 支持在js中通过import引用css文件实现----因为涉及es6转es5所以需要引用babel相关工具yarn add babylonbabel-traverse babel-core babel-preset-env使用babel转换代码const fs =require...
  • webpack2 终极优化

    本文作者:imweb 吴浩麟 原文出处:imweb社区 未经同意,禁止转载 webpack是当下最流行的js打包工具,这得益于网页应用日益复杂和js模块化的流行。 webpack2增加了一些新特性也正式发布了一段时间,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。 优化输出打包结果更小可以让...
  • webpack原理与实战

    webpack是一个js打包工具,不一个完整的前端构建工具。 它的流行得益于模块化和单页应用的流行。 webpack提供扩展机制,在庞大的社区支持下各种场景基本它都可找到解决方案。 本文的目的是教会你用webpack解决实战中常见的问题。 webpack原理在深入实战前先要知道webpack的运行原理webpack核心概念entry一个可执行...
  • 浏览器已原生支持 ES 模块,这对前端开发来说意味着什么?

    但是浏览器不支持 type=module 加载 es 模板时,我们还是离不开 webpack 为核心的打包工具将本地模块化代码打包成 bundle 再加载。 但由于最新浏览器对 的天然支持,理论上我们的本地开发流可以完全脱离 webpack 这类 js 打包工具了,只需要这样做:直接将 entry.js 文件使用 标签引用从 entry.js 到所有依赖的模块...
  • SpringBoot详细研究-05微服务与拾遗

    安装nodejs安装git安装yeoman generator:npm install –g yo (可能需要先升级npm,npm –g install npm)安装jhipster:npm install –g generator-jhipster安装bower: npm install –g bower,js下载工具安装grunt或gulp: npm install –g grunt-cli, js打包工具生成项目,选择dir,yo jhipster运行,mvn spring-boot...
  • webpack2 终极优化

    webpack是当下最流行的js打包工具,这得益于网页应用日益复杂和js模块化的流行。 webpack2增加了一些新特性也正式发布了一段时间,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。 优化输出打包结果更小可以让网页打开速度更快以及简约宽带。 可以通过这以下几点做到压缩csscss...
  • webpack原理与实战

    本文作者:imweb 吴浩麟 原文出处:imweb社区 未经同意,禁止转载 image.png webpack是一个js打包工具,不一个完整的前端构建工具。 它的流行得益于模块化和单页应用的流行。 webpack提供扩展机制,在庞大的社区支持下各种场景基本它都可找到解决方案。 本文的目的是教会你用webpack解决实战中常见的问题。 webpack...
  • Node.js CLI 工具最佳实践

    如果您的 cli 工具打算在ci环境中使用,则可能还需要安装那些与node.js 相关的工具链依赖项。 打包和分发可执行文件的方式有很多,将预先绑定了 cli 工具的docker容器进行容器化,这是一种容易使用方法并且不需要太多依赖关系(除了需要 docker 环境之外)。 4.2 优雅降级 正确: 在用户不受支持的环境中提供没有彩色...
  • Rollup处理并打包JS文件项目实例

    关于rolluprollup是一款用来es6模块打包代码的构建工具(支持css和js打包)。 当我们使用es6模块编写应用或者库时,它可以打包成一个单独文件提供浏览器和node.js来使用。 它的优点有如下:能组合我们的脚本文件。 移除未使用的代码(仅仅使用es6语法中)。 在浏览器中支持使用 node modules。 压缩文件代码使文件大小尽...
  • WebPack 模块化打包工具(上)

    { path: __dirname + public, 打包后的文件存放的地方 filename:bundle.js 打包后输出文件的文件名 }}有了该配置文件之后,我们只需要在终端里运行 webpack (非全局安装需使用 node_modules.binwebpack)命令就可以了,该命令会自动引用 webpack.config.js 文件中的配置选项运行结果除了这种方式之外,我们还可以对 ...
  • 用 Docker 打包 Node.js 程序

    在文中,我将教你什么是 docker,为什么使用以及怎样用来给 nodejs 程序打包。 什么是docker? docker 的定义为:docker 是一个容器化平台,用于将应用程序及其依赖项打包在一起,以确保无论工作环境如何,应用程序都能轻松运行。 好吧,这些文字只是告诉我们:docker 是一种用容器轻松创建、部署和运行应用程序的...
  • 前端-打包工具运行原理你知道吗?

    前端模块化成为了主流的今天,离不开各种打包工具的贡献。 社区里面对于webpack,rollup以及后起之秀parcel的介绍层出不穷,对于它们各自的使用配置分析也是汗牛充栋。 为了避免成为一位“配置工程师”,我们需要来了解一下打包工具的运行原理,只有把核心原理搞明白了,在工具的使用上才能更加得心应手。 本文基于...
  • 2-2 什么是模块打包工具

    1. 简介介绍模块打包工具2. 什么是模块关于模块和模块化,百度百科有一段引用自《java应用架构设计:模块化模式与osgi》一书的解释非常好:在系统的结构中...webpack.js.orgapi 下的modules参考js模块化 js模块化 什么是js模块化? js模块化的介绍 模块(modules) webpack模块化原理-es module 深入理解js模块...
  • webpack打包工具入门

    webpack 的主要目标是将 javascript 文件打包在一起,打包后的文件用于在浏览器中使用 快速入门 这里已经介绍得非常详细了,我就不再废话。 在vue项目中...就会报错。 修改vue的rules如下: { test: .vue$, loader: vue-loader! vue-style-loader,} .js文件要用babel { test: .js$, loader: babel-loader...
  • WebPack 模块化打包工具(下)

    我们已经能成功使用 webpack 打包了文件,并配置了 devtool 和 devserver 选项,在这篇文章当中,我们将介绍更多关于 webpack 的用法 1. loaders 通过使用不同的 loaders,webpack 有能力调用外部的脚本或工具,实现对不同格式的文件的处理,比如说分析转换 scss 为 css,或者把 es6 或 ts 文件转换为现代浏览器兼容...
  • parcel 中小型项目打包工具

    parcel 内置支持 js、css、html、文件资产等等,这不需要插件,对用户会更加友好; 零配置,内置了 code splitting、热模块加载、css 预处理、开发服务器、缓存等等; parcel 有更加用户友好的错误日志。 不同场景适用打包器parcel:小型到中型规模的项目(代码行小于 15k); webpack:大型以及企业级规模的项目...
  • 如何从广度与深度衡量打包工具的好坏

    webpack将hash分为hash、content hash、chunk hash,就是为了以不同粒度的hash控制连锁反应的范围。 importing modules 模块导入随着esm规范普及,越来越多的工具开始支持导出为esm规范。 但是由于历史原因,很多以库都是以cjs规范导出。 打包工具是否同时支持cjs和esm? 如何处理依赖文件(node_modules)中cjs与esm...

扫码关注云+社区

领取腾讯云代金券