• 关于

    js import 打包

    的搜索结果
  • ES6规范import和export用法总结

    JavaScript模块规范在任何一个大型应用中模块化是很常见的,与一些更传统的编程语言不同的是,JavaScript6之前还不支持原生的模块化;Javascript社区做了很多努力,在现有的运行环境中,实现"模块"的效果。通行的JavaScript模块规范主要有两种:CommonJS、AMD ...

    文章 刘琨1227 2019-01-18 4549浏览量

  • 原生ES-Module在浏览器中的尝试

    其实浏览器原生模块相关的支持也已经出了一两年了(我第一次知道这个事情实在2016年下半年的时候) 可以抛开webpack直接使用import之类的语法 但因为算是一个比较新的东西,所以现在基本只能自己闹着玩 :p 但这并不能成为不去了解它的借口,还是要体验一下的。 首先是各大浏览器从何时开始...

    文章 贾顺名 2018-06-09 909浏览量

  • 基于webpack Code Splitting实现react组件的按需加载

    随着web应用功能越来越复杂,模块打包后体积越来越大,如何实现静态资源的按需加载,最大程度的减小首页加载模块体积和首屏加载时间,成为模块打包工具的必备核心技能。 webpack作为当下最为流行的模块打包工具,成为了react、vue等众多热门框架的官方推荐打包工具。其提供的Code Splitti...

    文章 fengmiaosen 2017-03-02 7182浏览量

  • react 按照一级路由 分包加载

    按需加载 一开始整个项目只有一个bundle.js,压缩之后达到了4M。导致首屏加载速度很慢,需要优化。 方案 优化包大小,从业务角度出发,抽离重复的业务组件,避免大规模的90%相似度代码。需要对业务熟悉,一时间优化没有那么明显。 从技术角度,项目里面使用了react route,那能不能按照路...

    文章 我是小助手 2018-07-09 1690浏览量

  • 在 web 上使用 JavaScript 模块

    现在 所有主流现代浏览器都已经支持 JavaScript 模块。本文将介绍如何使用 JS 模块,如何有效地部署,以及 Chrome 团队如何使 JS 模块在未来变得更好用。 什么是 JS 模块? JS 模块(也称为“ES 模块”或“ECMAScript模块”)是 ES6 中一项非常重要的语言特性。...

    文章 我是小助手 2018-07-09 1336浏览量

  • SharePoint Framework 在web部件中使用已存在的JavaScript库 - 捆绑打包和外部引用

    博客地址:http://blog.csdn.net/FoxDave 在构建SPFx客户端web部件时,你可以使用公网已有的JavaScript库来构建强大的解决方案。但是在使用的时候你需要考虑你引用的东西没有影响SharePoint页面的性能。 以包的形式引用已存在的库 引用已存在的JavaScr...

    文章 justinliu927 2018-02-28 5149浏览量

  • Webpack 打包太慢?来试试 Bundleless 吧!

    Webpack 将各个资源打包整合在一起形成 bundle,当资源越来越多时,打包的过程也将越来越慢。如果我们不需要打包呢?让浏览器直接加载对应的资源,是否就可以实现质的提升?本文分享基于浏览器的 ESModule 能力实现 Bundless 本地开发的相关思路、核心技术点和 Vite 的相关实现...

    文章 温柔的养猫人 2020-07-17 302浏览量

  • Webpack 打包太慢?来试试 Bundleless

    一 引言 Webpack 最初是为了解决前端模块化以及使用 Node.Js 生态的问题而出现,在过去的 8 年时间里,Webpack 的能力越来越强大。 但因为多了打包构建这一层,随着项目的增长,打包构建速度越来越慢,每次启动都要等待几十秒甚至几分钟,然后启动一轮构建优化,随着项目的进一步增大...

    文章 茶什i 2020-07-10 1504浏览量

  • Duo js 一个非常酷的前端打包工具

    Duo是下一个包管理生成工具,混合了当今最流行的Component,Browserify,Go等工具的功能与思想,让前端开发更加简单与方便. 本文参考duojs的官网 安装 首先直接从npm安装 npm install -g duo Duo中的require方法会直接从github上面下载代码...

    文章 亦才 2016-05-27 3492浏览量

  • Webpack飞行手册

    前言 在学习 Webpack 之前,我们需要了解一个概念:模块。 何为模块? 如果你曾学过 Java , C# 之类的语言,一定会知道 Java 中的 import 或 C# 中的 using 吧? 比如:我想在 C# 中进行数据库操作,我只需要在代码头部加上 下面这两段代码即可。 using ...

    文章 awufan 2018-07-12 1225浏览量

  • 从零开始搭建webpack+react开发环境

    环境主要依赖版本 webpack@4.8.1 webpack-cli@2.1.3 webpack-dev-server@3.1.4 react@16.3.2 babel-core@6.26.3 babel-preset-env@1.6.1 bable-preset-react@6.24.1 w...

    文章 李一花 2018-07-17 1229浏览量

  • 手把手教你webpack3(6)css-loader详细使用说明

    CSS-LOADER配置详解 前注: 文档全文请查看 根目录的文档说明。 如果可以,请给本项目加【Star】和【Fork】持续关注。 有疑义请点击这里,发【Issues】。 1、概述 对于一般的css文件,我们需要动用三个loader(是不是觉得好麻烦); 1、css-loader: 先附上官...

    文章 零零水 2017-12-12 2208浏览量

  • 前端重构之路(组件化)

    距离前端重构之路(技术选型篇)已经过去了近半个月。之前提到说 服务端使用ThinkJS已经可以确定了,一些配套模块也都写差不多了。前端还在Vue,Novajs,还是手动实现中徘徊。 期间对Novajs,Vuejs进行了大量的调研,也针对业务调整了相关的开发方式。最终确定了使用Vuejs来进行组...

    文章 云栖大讲堂 2018-06-19 1889浏览量

  • Webpack轻松入门(一)——基本流程

    很多还未接触或刚接触Webpack的朋友总会觉得Webpack很难,要安装这个安装那个,要写一大堆的配置,要输一大堆的命令,还要学一大堆的语法,觉得学习成本太高,不用它代码也可以写得很好。是的,但是别担心,本系列教程将会通过一些简单实例带你轻松入门Webpack,相信当你真正掌握它的时候,你一定会...

    文章 前端王睿 2018-04-18 938浏览量

  • Webpack的Code Splitting实现按需加载

    一. 什么是Code Splitting? 在最开始使用Webpack的时候, 都是将所有的js文件全部打包到一个build.js文件中(文件名取决与在webpack.config.js文件中output.filename), 但是在大型项目中, build.js可能过大, 导致页面加载时间过...

    文章 小旋风柴进 2018-07-13 3329浏览量

  • webpack4.x 入门一篇足矣

    前言: webpack4出了以后,一些插件变化很大,和之前的版本使用方式不一样,新手入坑,本篇将介绍如何从一开始配置webpack4的开发版本,对css,js进行编译打包合并生成md5,CSS中的图片处理,js自动注入html页,删除指定文件,提取公共文件,热更新等等。 安装 //全局安装 n...

    文章 我是小助手 2018-07-10 3009浏览量

  • 理解vue ssr原理,自己搭建简单的ssr框架

    前言 大多数Vue项目要支持SSR应该是为了SEO考虑,毕竟对于WEB应用来说,搜索引擎是一个很大的流量入口。Vue SSR现在已经比较成熟了,但是如果是把一个SPA应用改造成SSR应用,成本还是有些高的,这工作量无异于重构前端。另外对前端的技术要求也是挺高的,需要对Vue比较熟悉,还要有Node...

    文章 哈你真皮 2018-12-22 2110浏览量

  • CSS 工程化 小结

    CSS 工程化  组成:1.组织 (代码目录)2.优化(那种实现方式更好) 3.构建(代码完成后需要经过哪些处理步骤) 4.维护 常见问题 1.如何解决 CSS 模块化问题  1.Less Sass 等CSS 预处理器 2.PostCSS 插件 (postcss-import / precss 等...

    文章 姜白告 2018-05-23 795浏览量

  • 基于webpack4搭建的react项目框架

    介绍 框架介绍,使用webpac构建的react单页面应用,集成antd。使用webpack-dev-server启动本地服务,加入热更新便于开发调试。使用bundle-loader进行代码切割懒加载 手动搭建,不使用cli,大量注释适合初学者对webpack的理解学习,对react项目的深入了解...

    文章 cacao111 2018-07-10 2407浏览量

  • webpack常见的配置项

      使用vue init webpack test(项目文件夹名)命令初始化一个vue项目,cd test,然后安装依赖npm install之后会生成一些默认的文件夹和文件,这些文件和文件夹中有些和配置有关的。如果去专门的了解webpack一定会云里雾里,这里简单说明一下常用的配置。 1.bab...

    文章 ndblog 2017-07-13 1059浏览量

  • webpack code splitting

    代码拆分方案 1. Code Splitting - CSS使用插件:npm i --save-dev extract-text-webpack-plugin +var ExtractTextPlugin = require('extract-text-webpack-plugin'); mod...

    文章 zhangyn 2017-03-04 848浏览量

  • ES6 系列之模块加载方案

    前言 本篇我们重点介绍以下四种模块加载规范: AMD CMD CommonJS ES6 模块 最后再延伸讲下 Babel 的编译和 webpack 的打包原理。 require.js 在了解 AMD 规范之前,我们先来看看 require.js 的使用方式。 项目目录为: * project/...

    文章 冴羽 2018-11-20 762浏览量

  • 多页应用 Webpack4 配置优化与踩坑记录

    前言 最近新起了一个多页项目,之前都未使用 webpack4 ,于是准备上手实践一下。这篇文章主要就是一些配置介绍,对于正准备使用 webpack4 的同学,可以做一些参考。 webpack4 相比之前的 2 与 3,改变很大。最主要的一点是很多配置已经内置,使得 webpack 能“开箱即...

    文章 哈你真皮 2018-10-18 1027浏览量

  • 不聊webpack配置,来说说它的原理

    最近在前端论坛闲逛,看到了一些讲parcel、webpack的文章,就突然很好奇,每天都在用的打包工具,他们打包的原理究竟是什么。只有知道了这一点,才可以在众多的打包工具里,找到最适合的那个它。在了解打包原理之前,先花一些篇章说明了一下为什么要使用打包工具。 0.模块系统 前端产品的交付是基于浏...

    文章 我是小助手 2018-07-05 4129浏览量

  • vue-cli搭建项目引入jquery和jquery-weui步骤详解

    版权声明:本文为博主原创文章,如需转载,请标明出处。 https://blog.csdn.net/alan_liuyue/article/details/79904327 vue简介    Vue.js 是一...

    文章 尘光掠影 2018-04-11 1828浏览量

  • webpack 从入门到放弃(一)

    什么是 webpack,为什么要使用 webpack 什么是 webpack 官网给出的概念是: 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependen...

    文章 游客886 2018-07-11 1811浏览量

  • vue项目基本脚手架

    vue项目基本脚手架,包含,vue-router路由,axios请求代理,全局配置文件,路由守卫,http拦截器,vuex状态管理工具。拿来即用的项目基本配置 每次创建项目都要进行一大堆的各种配置。终于抽空把一些基本的配置进行了打包,下载克隆就可以直接开发了。 1,vue-router vue-r...

    文章 景凌凯 2019-06-28 858浏览量

  • 快速搭建react项目骨架(按需加载、redux、axios、项目级目录等等)

    快速搭建react项目骨架(按需加载、redux、axios、项目级目录等等) 一、前言        最近整理了一下项目骨架,顺便自定义了一个脚手架,方便日后使用。我会从头开始,步骤一步步写明白,如果还有不清楚的可以评论区留言。先大致介绍一下这个骨架,我们采用 create-react-app ...

    文章 优惠码领取 2019-03-01 1282浏览量

  • 不要再依赖 CommonJS 了

    云栖号资讯:【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 什么是 CommonJS? CommonJS 是 2009 年的标准,为 JavaScript 模块建立了约定。它最初打算在 Web 浏览器之外的场景中使用,主要用于服务端应用程序。使用 Commo...

    文章 云栖号资讯小哥 2020-05-20 366浏览量

  • JavaScript的模块讲解

    介绍 模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 1.可维护性。 因为模块是独立的,一个设计良好的模块会让外面的代码对自己的...

    文章 哈你真皮 2018-01-04 609浏览量

1 2 3 4 ... 9 >

云产品推荐

阿里云企业服务平台 陈四清的老板信息查询 上海奇点人才服务相关的云产品 爱迪商标注册信息 安徽华轩堂药业的公司信息查询 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 天籁阁商标注册信息 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 北京芙蓉天下的公司信息查询