webpack require 路径 可以用变量吗?

问题:

webpack require 路径 可以用变量吗?

需求:

由于需要动态的请求一些 JS脚本,路径是 一个变量,在 react+webpack 开发中,有办法 有 require 去加载一个 动态路径的 脚本?

var popWinPath = '../../js/window.js';                
var Win = require(popWinPath)
console.log('Win', Win, popWinPath)

图片描述

已经找到解决的办法

// 文件变量
var popWinPath = 'js/window'; 
/** 
 动态require
 require(path) ,path 至少要有三部分组成
 ../../ =>  webpack 才知道从哪里开始查找
 popWinPath  => 文件路径+名称
 .js   => 文件后缀,必须要加上,不然会报错 
*/               
var Win = require('../../' + popWinPath + '.js')

console.log('Win', Win, popWinPath)
阅读 19.9k
7 个回答

var popWinPath = '../js/window';
var Win = require('../'+popWinPath+'.js')

require.ensure 试试看

<img src={require(../../assets/image/${record.icon})}

新手上路,请多包涵

太感谢楼主了,require 路径 变量问题困扰我一周,终于在你这得到提示。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题