草庐IT

babel-plugin-module-resolver

全部标签

javascript - 如何在 html-webpack-plugin 中注入(inject)自定义元标记?

我将Webpack与插件一起使用html-webpack-plugin.基于环境变量,我想注入(inject)标签进入最后index.html文件。我该怎么做? 最佳答案 您可以定义自己的模板。在WritingYourOwnTemplates中简要提到了它您可以将任何您想要的选项传递给它,并在带有htmlWebpackPlugin.options的模板中使用它们:htmlWebpackPlugin.options:theoptionshashthatwaspassedtotheplugin.Inadditiontotheoption

javascript - 找不到模块 : Can't resolve 'style'

我正在尝试使用sass配置css模块。我遵循了一些教程,但似乎都没有用。webpack配置主要由create-react-scripts创建。我似乎收到此错误“找不到模块:无法解析‘样式’”任何帮助都会很棒。该错误似乎是在我下面的Modal.js文件中的导入语句中生成的。(从“../css/modal.scss”导入样式;)我已经安装了sass加载器。我的package.json文件可以在下面找到。webpack.config.dev.js:'usestrict';constautoprefixer=require('autoprefixer');constpath=require('

javascript - Gulp with browserify : Cannot find module src/js/main. js

我正在尝试使用Gulp和browserify进行基本build设置,但在尝试运行默认任务时不断看到此错误:Error:Cannotfindmodule'src/js/main.js'from'/Users/ben/dev/git/myapp/'gulp文件.jsvargulp=require('gulp');varbrowserify=require('browserify');vardel=require('del');varsource=require('vinyl-source-stream');varpaths={main_js:['src/js/main.js'],js:['

javascript - 与 Webpack 的 resolve.root 选项同构 React

我的React应用使用Webpack的resolve.root相对于我的JS文件的根目录。IE。我的文件结构包含以下内容:componentsApp.react.jscontainersAppContainer.react.js在AppContainer.react.js中,我有:importAppfrom'components/App.react';这在客户端有效。现在我试图让它同构。如果我在我的server.js中需要AppContainer.react.js,它会说找不到components/App.react。Node正在尝试要求containers/components/Ap

javascript - 错误 : Could not resolve module @angular/core

我正在尝试运行angular4应用程序,但我一直收到此错误ERRORinCouldnotresolvemodule@angular/core没有其他错误。没有任何依赖错误。@angular/core存在于node_modules文件夹中。我已经尝试安装@angular/cli并且没有但对此错误没有影响。我不确定如何解决这个问题。它出现在我的amazonec2机器上,但不出现在我的本地Mac机器上。库的版本都是一样的。任何帮助将不胜感激。谢谢。 最佳答案 如果有人仍然面临这样的问题-您的package.json可能已损坏。请按照以下步

javascript - 使用 Babel 和 Webpack 生成多个输出

我想将我的Javascript应用程序转换成两个不同的Javascript文件:第一个用于旧版浏览器第二个用于现代浏览器计划为现代移动浏览器构建更小的版本,同时仍支持较旧的遗留桌面浏览器。babel-cli允许预设,因此我可以将其设置为“env”,但似乎没有办法在.babelrc这意味着必须更改.babelrc文件。Webpack允许使用babel-loader来指定目标浏览器,但似乎没有办法针对不同的浏览器目标使用它两次环境有什么方法可以简单地实现我所需要的吗? 最佳答案 所以我自己找到了一种方法,不确定它是否是最优雅的解决方案,

javascript - 不用Webpack,在客户端使用Babel转译导入导出?

我可以使用Babel编译JSX并通过全局命名空间导出变量吗?我不想运行随机的Webpack服务器。我已经全神贯注于ES6、JSX、Babel和React,对另一个使如此简单的任务复杂化的库不在乎最终我想导出我的React类并导入另一个类。从理论上讲,它应该只在满足依赖项之前阻塞,我不明白这怎么可能是一种反模式,因为我的所有代码和外部依赖项都在本地缓存。这是的默认行为标签,只是不是varmessage="helloworld";console.log(message);//undefined我可以使用ES6导出和导入,但不能使用另一个随机文件服务器 最佳答案

javascript - 将 TypeScript 与外部 JS 文件捆绑在一起(例如 node_modules)

我可以成功地将我的Typescript项目捆绑在一起,并使用例如将其保存为单个文件tsc--outFile"build/bundle.js"但是,此文件仅包含Typescript文件,不包含“node_modules”目录中的任何文件,例如jQuery。如果我尝试执行bundle,我只会收到找不到文件的错误消息。如何将我的Typescript依赖的“node_modules”文件添加到同一个捆绑文件中?Typescript显然知道文件的位置,因为它的路径是正确的。我正在使用SystemJS在浏览器中加载我的项目。我承认我很困惑我应该如何加载模块和捆绑(我可以使用SystemJSbund

javascript - 无法动态转译 ES 模块 System.config({ transpile : 'transpile-module' })

这是我的tsconfig.js{"compilerOptions":{"experimentalDecorators":true,"emitDecoratorMetadata":true,"moduleResolution":"node","target":"es5","module":"system","noImplicitAny":false,"outDir":"built","rootDir":".","sourceMap":false},"exclude":["node_modules"]我正在使用tsc命令将我的“hello-angular.ts”转译为“hello-angu

javascript - AngularJS : Should service's boolean method return promise that resolves to true/false, 或者被解决/拒绝?

promise的使用模式仍然让我感到困惑。例如,在Angular应用程序中,我有一个服务usersService,方法是emailExists(email)。显然,它向服务器请求检查给定的电子邮件是否已经存在。让方法emailExists(email)返回在正常操作中解析为true或false的promise对我来说感觉很自然.如果只是我们有一些意外的错误(比如,服务器返回500:内部服务器错误,那么promise应该被拒绝,但在正常操作中,它被解析为相应的bool值。然而,当我开始实现我的异步验证器指令(通过$asyncValidators)时,我看到它想要解决/拒绝promise。