javascript - bootstrap - ¿Cómo accedo al objeto global(ventana) usando un paquete web?
option html selected (3)
¿No estás usando webpack-dev-server
?
Porque cuando intento el comando webpack
todo funciona bien. Lo estoy probando escribiendo window.mySampleGlobalVariable
in chrome developer tools.
PERO cuando ejecuto el webpack-dev-server
entonces mi variable de ventana no está definida.
Tengo esta aplicación de muestra:
app.js
window.mySampleGlobalVariable = ''TEST'';
console.log(''App is ready'');
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Webpack test</title>
</head>
<body>
Webpack test
<script src="bundle.js"></script>
</body>
</html>
webpack.config.js
var path = require(''path'');
module.exports = {
entry: ''./app.js'',
output: {
filename: ''./bundle.js''
},
resolve: {
extensions: ['''', ''.js'']
}
};
Estoy intentando conectar ActionScript con JavaScript usando ExternalInterface
y webpack.
ExternalInterface
solo puede provocar ( call
) funciones encontradas en el objeto global ( window
). ¿Cómo puedo obtener una referencia del módulo webpack en la window
(objeto global)?
Permítame elaborar algunos, quiero tener un espacio de nombres para la compañía ( window.companyName
) con una interfaz para ExternalInterface
:
window.companyName = { isReady: function() { ... },
driver1: function() { ... },
driver2: function() { ... } }
El ActionScript conducirá mi JavaScript. La pregunta más fundamental es, ¿cómo configuro los globales utilizando webpack para que ExternalInterface
pueda verlos (preferiblemente como exportaciones de un módulo)?
He intentado usar expose-loader
, exports-loader
imports-loader
sin suerte. expose-loader
es idealmente lo que necesito, pero no parece funcionar. Cuando configuro window.companyName en mis módulos e intento verificarlo en mi consola chrome, el resultado es undefined
.
Si ejecuta webpack-dev-server
con el iframe, no podrá acceder a la variable a través de la consola Chrome.
Usted tiene acceso al objeto de ventana desde su script de webpacked . El paquete web no interfiere con él ya que la función de envoltorio solo inyecta los argumentos del module
, las exports
y __webpack_require__
.
Intente escribir un script con una sola línea para acceder a la ventana y luego verifique el script de salida.
Su asignación debería funcionar, a menos que la ejecución nunca la alcance o algún cargador esté alterando el código relevante.