- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我一直在为我的 ES6 JS 项目使用 Webpack,并且在我开始使用动态导入之前一直运行良好。
我的工作(router.js):
import { navigo } from "Navigo"; // router
import { clients } from "Controllers/clients.js";
const navigo = new Navigo();
navigo_router.on({
'/clients': () => {
clients.init();
}
});
但是我添加的页面/路由越多,模块头部堆积的导入就越多。这是一个相对较大的应用程序,我有很多页面/路由要添加,因此我需要动态加载它们以减少初始页面加载的大小。
所以,关注 Webpack's documentation for dynamic imports ,我尝试了以下加载 Controller 模块仅当调用相对路由时:
import { navigo } from "Navigo"; // router
const navigo = new Navigo();
navigo_router.on({
'/clients': () => {
import("Controllers/clients.js").then((clients) => {
clients.init();
});
}
});
但是在我的编辑器中保存它会导致 Babel 转译错误; SyntaxError: 'import' and 'export' may only appear on the top level, clients.init()
在浏览器中测试时未被调用。
经过一些阅读,我发现我需要一个 Babel plugin将动态 import()
转换为 require.ensure
。因此,我使用以下命令安装了插件:
npm install babel-plugin-dynamic-import-webpack --save-dev
并在我的 babel.rc
文件中声明插件
{ "plugins": ["dynamic-import-webpack"] }
安装插件后,转译错误消失了,检查我的转译代码我发现动态 import()
实际上已经被更改为 require.ensure
as预期的。但是现在我在测试时遇到以下浏览器错误:
Error: Loading chunk 0 failed.
Stack trace:
u@https://<mydomain.com>/js/app.bundle.js:1:871
SyntaxError: expected expression, got '<' 0.app.bundle.js:1
Error: Loading chunk 0 failed.
我不明白为什么它引用带有 0.
前缀的 0.app.bundle.js
,所以我检查了我的 output/dist 文件夹,现在我那里有一个名为 0.app.bundle.js
的新文件:
0.app.bundle.js 1,962bytes
app.bundle.js 110,656bytes
我想这个新的捆绑文件是动态导入的模块,clients.js
。
我只向那条路线添加了动态导入,并保留了所有其他路线。因此,在测试期间,我可以查看所有路由,但现在抛出上述错误的 /clients
路由除外。
此时我完全迷失了方向,希望有人能帮助我冲过终点线。这个新文件 0.app.bundle.js
是什么?我应该如何使用它/将它包含在我的应用程序中?
我希望我已经足够清楚地解释了自己,并期待任何回复。
最佳答案
最后我设法解决了我自己的问题,所以我将分享我在答案中发现的内容。
block 文件未加载的原因是 Webpack 在错误的目录中查找它。我在开发人员控制台的“网络”选项卡中注意到, block 文件/模块是从我的根目录 /
调用的,而不是在它所属的 /js
目录中调用的。
根据 Webpack 的文档,我将以下内容添加到我的 Webpack 配置文件中:
output: {
path: path.resolve(__dirname, 'dist/js'),
publicPath: "/js/", //<---------------- added this
filename: 'app.bundle.js'
},
据我了解,path
用于 Webpack 的静态模块,publicPath
用于动态模块。
这使得 block 加载正确,但我还有其他问题需要处理,因为未调用 client.init()
并产生以下错误:
TypeError: e.init is not a function
要解决这个问题,我还必须更改:
import("Controllers/clients.js").then((clients) => {
clients.init();
});
收件人:
import("Controllers/clients.js").then(({clients}) => {
clients.init();
});
注意箭头函数参数中的大括号。
我希望这对其他人有帮助。
关于javascript - 使用 Webpack 和 Babel 的 ES6 动态导入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48827675/
在 settings.py LANGUAGE_CODE = 'es-mx'或 LANGUAGE_CODE = 'es-ar'不起作用,但是 LANGUAGE_CODE = 'es'或 LANGUAGE
我想知道OpenGL ES 2.0和OpenGL ES 3.0之间有什么区别。 OpenGL ES 3.0的主要优点是什么? 最佳答案 总体而言,这些变化通过更大的缓冲区、更多的格式、更多的统一等提高
这是我为此端点使用 Postman localhost:9201/response_v2_862875ee3a88a6d09c95bdbda029ce2b/_search 的请求正文 { "_sour
OpenGL ES 2.0 没有 ES 1.0 那样的 GL_POINT_SMOOTH 定义。这意味着我用来绘制圆圈的代码不再有效: glEnable(GL_POINT_SMOOTH); glPoin
我尝试编译这个着色器: varying vec2 TexCoords; varying vec4 color; uniform sampler2D text; uniform vec3 textCol
我是 OpenGL ES 的新手,我使用的是 OpenGL ES 2.0 版本。我可以在片段着色器中使用按位操作(右移、左移)吗? 最佳答案 OpenGL ES 2.0 没有按位运算符。 ES 3.0
有没有办法只用线画一个三角形? 我认为GL_TRIANGLES选项可使三角形充满颜色。 最佳答案 使用glPolygonMode(face, model)设置填充模式: glPolygonMode(G
我想用一个包含 yuv 数据的采样器在 opengl es 着色器中将 yuv 转换为 rgb。我的代码如下: 1)我将 yuv 数据发送到纹理: GLES20.glTexImage2D(GLES20
我正在使用这样的域: http://www.domain.com/es/blabla.html 我想更改 .es 的/es 部分并将 URLS 转换为类似以下内容: http://www.domain
有谁知道OpenGL ES是否支持GL_TEXTURE_RECTANGLE?我计划将它用于 2D 图形以支持非二次幂图像。我当前的实现使用 alpha=0 填充的 POT 纹理,对于拉伸(stretc
我需要在具有 PowerVR SGX 硬件的 ARM 设备上实现离屏纹理渲染。 一切都完成了(使用了像素缓冲区和 OpenGL ES 2.0 API)。唯一 Unresolved 问题是速度很慢glR
这是一个奇怪的事情。我有一个片段着色器,据我所知只能返回黑色或红色,但它将像素渲染为白色。如果我删除一根特定的线,它会返回我期望的颜色。它适用于 WebGL,但不适用于 Raspberry Pi 上的
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
我正在考虑将一些 OpenGL 代码移植到 OpenGL ES 并且想知道这段代码到底做了什么: glPushClientAttrib(GL_CLIENT_VERTEX_ARRAY_BIT) 因为 g
GLSL ES最多可以编译多少个程序?所以假设我创建了 100 个片段着色器,每个都有不同的效果。所以在运行时我编译所有这些并动态地我用 glUseProgram 交换它们。我假设每次我编译一个新的
我正在尝试使用顶点缓冲区对象来绘制圆,并在 iPhone 上的 OpenGL ES 2.0 中启用 GL_POINT_SMOOTH 来绘制点。 我使用以下 ES 1.0 渲染代码在 iPhone 4
为什么在 OpenGL ES 1.x 中缩放(均匀)对象会导致对象变轻? 更有意义的是它会更暗,因为法线被缩小是否也会使对象更暗?但由于某种原因,物体变轻了。当我放大时,对象变得更暗。在我看来,这应该
我正在尝试通过移植 some code 在 iOS 上的 OpenGL ES 2.0 中获得一些阴影效果。来自标准 GL。部分示例涉及将深度缓冲区复制到纹理: glBindTexture(GL_TEX
所以我正在使用 2D 骨骼动画系统。 有 X 个骨骼,每个骨骼至少有 1 个部分(一个四边形,两个三角形)。平均而言,我可能有 20 块骨头和 30 个部分。大多数骨骼都依赖于父骨骼,骨骼会每帧移动。
我在使用 ES 着色器时遇到了一些晦涩难懂的问题,而且我现在几乎没有想法了。 这是一些代码: .. precision mediump float; .. #define STEP (1f/6f) 5
我是一名优秀的程序员,十分优秀!