草庐IT

javascript - 如何从 Webpack 的导出中排除 vendor 模块 peerDependencies?

问题在Webpack中导出bundle时,如何排除3rd-party模块的peerDependency?(不是第三方模块本身)背景我想在angular-material框架之上创建一个带有自定义组件的UIkit。使用Webpack,我可以将我的自定义组件和AngularMaterial捆绑在一起,形成uikit.js之类的东西,然后稍后移植到其他应用程序。但是,我不想将angular模块本身包含到此uikit.js中。问题似乎Webpack足够“聪明”,注意到angular模块是angular-material模块的依赖项,因此会同时导出angular模块和angular-materi

javascript - 使用 ES6、Webpack 和 Babel 导入 UMD 样式模块

我发现了一些与此相关的StackOverflow问题,但没有一个匹配或解决我的问题。我正在用ES6编写一个库,旨在用于浏览器和服务器。我找到了一些可以在服务器或浏览器上使用的HTTP请求库(popsicle,axios)。我已经在这两个地方成功地使用了这些库,但是在将它们导入我的源代码并使用输出的webpacked文件时遇到了一些问题。我导入axios库的ES6源文件是importaxiosfrom'axios';exportdefault{go:function(){returnaxios.get('http://www.google.com');}};我的webpack配置是var

javascript - 如何在 React 构建中禁用 Uglify

我尝试使用Y.js(Yjs)npm包,它在npmstart中有效,但在npmrunbuild中无效,因为Uglify不支持ES6。所以我下载了那个包的发行版并直接包含它。但是我的reactjsnpmrunbuild仍然提示Uglify。Creatinganoptimizedproductionbuild...Failedtocompile.static/js/main.3d2ecf94.jsfromUglifyJsSyntaxError:Unexpectedtoken:name(YArray)[./src/Pages/Collaborative/y-array/y-array.es6:

javascript - 具有 React 的 Apollo 客户端 2 无法进行查询

我对带有React的Apollo客户端版本2有疑问。(https://www.apollographql.com/docs/react/)当我根据文档设置Apollo客户端时,我无法在GraphQl服务器上进行查询,它会引发错误:Uncaught(inpromise)TypeError:_super.callisnotafunctionatnewObservableQuery(ObservableQuery.js:36)atQueryManager.watchQuery(QueryManager.js:393)atQueryManager.js:420atnewPromise()atQ

javascript - 使用 block 导入/加载库

情况我正在尝试使用Webpack加载一个库。该库本身已使用Webpack拆分为多个block。项目A依赖于项目B。项目B是使用Webpack构建的,由多个block组成。项目A现在通过动态导入加载项目B。构建项目A时,我希望在项目A的输出文件夹中创建项目B的block。问题如何让项目B的block在项目的最终构建中作为block持久存在?示例我做了一个示例项目(https://github.com/Robinfr/chunky-webpack),它有两个级别的子包。sub-package-a和b都创建block,但在构建主包时它们都被篡改到一个main-bundle.js中。

javascript - 如何使用 webpack 将 ES6+ 代码编译成 ES6?

我想将我的代码编译为ES6而不是ES5。这是我的babelrc。{"presets":[["env",{"modules":false,"useBuiltIns":true,"targets":{"browsers":["Chrome>=60"]}}],["react"],["stage-2"]]}使用babel-cli,可以编译正确的ES6代码。例如但是当我在相同的babel配置中使用webpack、babel-loader时,我的ES6代码被编译为ES5。那么如何使用Webpack将ES6+代码编译为ES6+代码呢?webpack会把ES6+代码编译成ES5吗?

javascript - 如何将 TS 模块导入或要求到 CommonJS 文件中?

无论出于何种原因,我的一些模块必须是js文件。我像这样导入ts模块到我的js文件中:resolver.js:import{Message}from'../../connectors/message';//console.log('Message:',Message);constresolver={Query:{sendMessage:(root,args,ctx)=>{console.log(args,ctx);returnMessage.send('1','message');}}};export{resolver};message.ts:constMessage={send(id,

javascript - 热重载会破坏应用程序。最终加载器没有返回 Buffer 或 String

我有一个自定义加载程序加载以下文件data.jsconstdata={a:()=>8885555,b:()=>55555}module.exports=name=>{returndata[name]&&data[name]()}当我更改上述文件(如更改b值)时,应用程序中断ERRORin../data.js?name=aModulebuildfailed:Error:Finalloader(../data-loader.js)didn'treturnaBufferorStringatrunLoaders(C:\Users\010\Saber.js\webpack-hmr-3-ways\

javascript - 在扩展 Controller (ES6)中注入(inject)模块导致未知提供者错误

我有一个Controller类ModalCtrl,我想创建一个子类ModalCtrlChildextendsModalCtrl。问题是,当我尝试这样做时,我在ModalCtrl中注入(inject)的任何模块中遇到未知提供程序错误。我用了this生成器来构建项目,它在幕后使用NgInject来注入(inject)依赖项,我怀疑那里发生了一些有趣的事情。模态控制:exportdefaultclassModalCtrl{staticgetUID(){return"ModalCtrl"}...//allmyModalCtrlmethodshere/*@ngInject*/constructo

javascript - Webpack resolve.root 和 TypeScript 加载器

我们的项目使用webpackresolve.root选项来导入具有绝对路径的模块。(避免像../../../module这样的东西)在目前的状态下,该项目正在使用babel-loader,它工作得很好。我的任务是将应用程序迁移到Angular2。因此,我目前正在过渡到TypeScript。不知何故,ts-loader似乎无法与webpack配置的resolve.root选项结合使用。webpack.config.js的例子resolve:{root:[path.resolve('./node_modules'),path.resolve('./app'),path.resolve('.