TOGOUTECH

javascript - 是否可以在 React 项目中使用 dotenv?

我正在尝试设置一些环境变量(用于对dev/prod端点进行API调用、取决于dev/prod的key等),我想知道使用dotenv是否可行。我已经安装了dotenv,我正在使用webpack。我的webpack入口是main.js,所以在这个文件中我放了require('dotenv').config()然后,在我的webpack配置中,我放了这个:newwebpack.EnvironmentPlugin(['NODE_ENV','__DEV_BASE_URL__'//baseurlfordevapiendpoints])但是,它仍然是未定义的。我怎样才

javascript - 我如何在 React 中使用配置文件?

假设我有5个jsx文件,每个文件都使用一些配置参数。我的index.js文件导入了所有这5个jsx文件。不是让我的配置数据分布在5个文件中,有没有办法让我的jsx文件从全局JS对象获取数据,该对象已经从配置文件加载数据?我看过一些例子,但我无法让它们发挥作用。JS6importfunction|Exampleusingwebpack 最佳答案 假设ES6:config.jsexportconstmyConfig={importantData:'',apiUrl:'',...};然后:jsxFileOn

javascript - 包含了 babel polyfill,但是 forEach 在 IE11 的 NodeLists 上仍然不起作用

我已经让Webpack与Babel一起工作并包括@babel/polyfill,但是当尝试在NodeList上使用.forEach时,IE11仍然抛出SCRIPT438错误.这是我的package.json{..."scripts":{"build:js":"webpack--config./_build/webpack.config.js"},..."browserslist":["IE11","last3versions","notIE<11"],"babe

javascript - Webpack,新 block 正在以错误的路径加载

我正在尝试分块我的应用程序-尝试遵循webpacks指南的操作方法(https://webpack.github.io/docs/code-splitting.html)。所以我为我的应用程序设置了一个单独的block,我可以看到webpack正在生成1.bundle.js在我的构建文件夹中,但是它将它粘贴到我的index.html上路径不正确,在我的控制台中,我看到了1.bundle.js的提取错误文件。所以我的webpack配置看起来像这样(我现在只使用webpack:dev):return{dev:{entry:{index:'./client/app.jsx'}

javascript - Sass 加载器和 webpack 4

如何在webpack4中使用sassloader?我阅读了很多关于此的内容,大多数网站都推荐使用ExtractTextPlugin,但ExtractTextPlugin不适用于webpack4。我写了以下webpack.config.js:constpath=require('path');constClosureCompilerPlugin=require('webpack-closure-compiler');module.exports={module:{rules:[{test:/\.scss$/,use:[{loader:"style-

javascript - webpack:找不到模块:错误:无法解析(使用相对路径)

我有一个应用程序的结构(node_modules目录从这个列表中排除):├──actions.js├──bundle.js├──components│  ├──App.js│  ├──Footer.js│  ├──Link.js│  ├──Todo.js│  └──TodoList.js├──Containers│  ├──AddTodo.js│  ├──FilterLink.js│  └──VisibleTodoList.js├──index.html├──index.js├──main.js├──package.json├──package-lock.json├──reducers

javascript - 使 Redux reducer 和其他非组件可热加载

我很难让我的reducer实现热插拔。我正在使用Webpack和react-transform-hmr。有了这个,所有的CSS和组件在我保存时都是热加载的,但是当我尝试处理另一种类型时——尤其是reducer——它会告诉我进行完全刷新。我发现这是因为我需要显式地重新加载reducer并接受事件。我在我的store.js中使用这段代码:if(module.hot){module.hot.accept('./reducers/',()=>{constnextRootReducer=require('./reducers/index');store.re

javascript - 将 ES6 模块导入全局范围

TLDR:如何使模块(通过ES6语法导入)成为全局范围(或​​在另一个类中引用导入的类)?我正在从未正确实现(没有导出等)但遇到了一些问题的包中导入模块。我正在做的是使用var将模块设置为全局(不是很好),例如varExample=require('./node_modules/example/long_path_to_file.js');因为我需要像在我的类中那样使用它(模块控制this并且类实例在全局范围内不可用,所以我不能像往常一样使用我的类会):newwindow.Example(...)这行得通,但不是很好,因为我使用的是webpack并且更愿意使用正确的es

javascript - 如何配置 karma 以便 typescript 源文件是可调试的

我已经下载了一个种子项目Angular2WebpackStarter并顺利启动并运行。我使用它时遇到的一个不便是在单元测试下调试源文件。所有*.spec.ts文件都加载到浏览器中并可调试,因此至少为它们生成map文件。当我进入一个正在测试的源文件时,我得到如下信息:karma配置:module.exports=function(config){vartestWebpackConfig=require('./webpack.test.js');config.set({basePath:'',frameworks:['jasmine'],ex

javascript - Wow.js 与 webpack 和 react

我尝试使用react和webpack来实现wow.js。我通过npm安装它。npminstall--savewow.js安装完美。现在的问题是如何正确导入它。我无法让它继续变得不确定。我试过几种方法:首先:importwowfrom'wow.js';但是webpack无法编译。它说找不到模块。即使我使用完整的urlimportwowfrom/node_modules/wow.js第二个:我正在使用来自here的解决方案:require('imports?this=>window!js/wow.js');但我仍然无法找到模块(我更改了我的node_m