webpack相关内容

如何使用顶级“等待"?在打字稿 next.js

当我使用“等待"时像这样在顶层: const LuckyDrawInstance=await new web3.eth.Contract(abi) 我在终端上收到警告:“set Experiments.topLevelAwait true".当我尝试将其添加到“tsconfig.json"时,它仍然不起作用.它说“实验";属性不存在. 我可以将它包装在一个异步函数中,但我想在没有包装函 ..
发布时间:2022-01-08 23:19:22 前端开发

在 React/Nextjs 的文件夹中导入多个文件

我正在尝试在一个文件夹中导入多个具有特定扩展名的文件: const allEntries = require.context('../static/blog', true, '/\.md/') 但我得到了: 未处理的拒绝(TypeError):__webpack_require__(...).context 不是函数 我正在使用 Nextjs 并要求其中一个页面中的文件.这里似乎有些不对劲 ..
发布时间:2022-01-08 23:15:55 其他开发

Next JS config 多个插件配置

const {DEVELOPMENT_SERVER,生产_构建} = 要求(“下一个/常量");需要('dotenv').config()常量路径 = 要求('路径')const Dotenv = require('dotenv-webpack')常量 nextConfig = {webpack: 配置 =>({ ...配置,节点:{ fs:“空"}})};module.exports = 阶段 ..
发布时间:2022-01-08 22:51:21 其他开发

无法加载 PNG 图片 |NextJS

我有一个网站以画廊格式提供我使用 Next.js 创建的照片.我将存储在 /public/photos/ 中的所有图像分组到子文件夹中,并将它们导入到需要它们的位置(见下文). 主页由带有照片背景和标题的单个图块(图块组件)的网格(图块组件)组成.照片被导入到 tiles.tsx 并作为道具传递给 tile 组件,这样我就可以轻松添加更多的瓷砖. 当我用 npm run dev 编译这 ..
发布时间:2022-01-08 22:42:56 其他开发

MSBuild 和 Webpack

我正在 VS2015 中开发一个 Angular2 应用程序,并为此设置了一个 webpack 捆绑和缩小环境. 这是我的 webpack.conf.js switch (process.env.NODE_ENV) {案例“产品":案例“生产":module.exports = require('./config/webpack.prod');休息;案例“测试":案例“测试"://mo ..

启用单页应用程序反应热重载 webpack

我在使用 react router 和 webpackdevserver 设置单页 react 应用程序时遇到了一些问题.如果我使用 browserhistory,webpack 在输入嵌套路由 url(例如/client/view)时会出现一些问题.这可以通过添加 apiFallback 来解决,但热重载仍然存在问题.它尝试从不存在的深层 url (/client/view/hot-update ..

“定义未定义"在 Jest 中测试具有 RequireJS 依赖项的 es6 模块时

我有一个 Jest 测试套件无法运行,因为它尝试测试的组件依赖于 RequireJS 模块.这是我看到的错误: 失败 __tests__/components/MyComponent.test.js● 测试套件运行失败参考错误:定义未定义在对象(node_modules/private-npm-module/utils.js:1:90) 该组件具有以下导入: 从'private-npm-m ..
发布时间:2022-01-01 23:47:36 其他开发

代码拆分 `import` 会破坏 Jest 测试

我正在使用 webpack 的代码拆分功能,但 jest 似乎无法识别 import() 函数: import('myModule').then(function (myModule) {^^^^^^语法错误:意外的令牌导入 我没有任何特殊设置.我的 npm 测试脚本只是运行 jest "test": "jest" 我怎样才能让它发挥作用? 我使用的是最新版本的 jest 20. ..
发布时间:2022-01-01 23:18:27 前端开发