一、JavaScript

JS 中的require 和 import 区别

二、webpack

1、require.context

webpack 中 require 用于导入模块。
在用 require 导入模块时会生成一个 context module(上下文模块)。它包含目录下的所有模块的引用，如果一个 request 符合正则表达式，就能 require 进来。该 context module 包含一个 map（映射）对象，会把 requests 翻译成对应的模块 id。

require.context()
使用 require.context() 函数也可以创建一个 context module。
该函数可以接收三个参数：一个要搜索的目录，一个标记表示是否还搜索其子目录，以及一个匹配文件的正则表达式。

require.context('./test', false, /\.test\.js$/);
//（创建出）一个 context，其中文件来自 test 目录，request 以 `.test.js` 结尾。

require.context('../', true, /\.stories\.js$/);
// （创建出）一个 context，其中所有文件都来自父文件夹及其所有子级文件夹，request 以 `.stories.js` 结尾。

官方文档

2、require.ensure

webpack 使用 require.ensure 将页面打包成独立的 chunk 文件，也可以将多个页面合并成一个 chunk 文件，以实现生产环境按需加载。

require.ensure() 是 webpack 特有的，已被 import() 取代。

官方文档

import 和 require相关推荐

import与require的区别
载入一个模块 import() 与 require() 功能相同,但具有一定程度的自动化特性. 假设我们有如下的目录结构: ~~~ app/ app/classes/ app/classes/MyCl ...
import和require的区别
原文地址:https://www.cnblogs.com/sunshq/p/7922182.html import和require的区别 node编程中最重要的思想就是模块化,import和requi ...
【VUE】动态（import 、require）显示img图片
[VUE]动态import .require显示img图片 [why]为什么引入import.require 在VUE中,经常会有显示图片的场景,如果是想要进行普通的展示的话,那么这样就按照下方的写就 ...
微信小程序开发之——import、require和include
一概述 require:js代码中引用其他js模块代码 include:wxml文件中引用template模板文件 import:既可以在js代码中导入模块代码,又可以在wxml或wxss文件中导入 ...
es6 import和require用法和区别
写个简单js文件,假设名字为:lib.js . 假设内容如下: export const sqrt = Math.sqrt; export function square(x) {return x * ...
Javascript(es2016) import和require用法和区别
require 是赋值过程并且是运行时才执行, import 是解构过程并且是编译时执行.require可以理解为一个全局方法,所以它甚至可以进行下面这样的骚操作,是一个方法就意味着可以在任何地方执行 ...
Vue中动态（import 、require）显示img图片
vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width=&qu ...
路由懒加载import和require用法的区别
vue-router同步和异步普通用法: // 普通import同步加载用法 import HelloWorld from "@/components/HelloWorld.vue" ...
关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
前言: 最近在改造vue-cli 2.x + webpack2.x的项目时,由于之前路由是静态的,没有根据菜单权限动态生成前端路由.所以想对此进行改造,然后碰到了一些问题和坑,现在总结一下,避免以后继 ...
import、require、export、module.exports详解
前言 import ,export default,export遵循 es6 制定的规范 require, module.exports,exports遵循commonjs 制定规范注意事项 mod ...

import 和 require

目录

一、JavaScript

二、webpack

1、require.context

2、require.ensure

import 和 require相关推荐

最新文章

热门文章