草庐IT

gulp-webpack

全部标签

javascript - 未捕获的类型错误 : Cannot read property 'call' of undefined after webpack rebuild CommonsChunkPlugin

我在尝试请求html文件时遇到一个奇怪的错误。有问题的代码是用typescript编写并使用webpack的AngularJs应用程序。应用程序指令.ts//require('./app.scss');//importAppControllerfrom'./app.controller';functionAppDirective():ng.IDirective{return{restrict:'E',scope:{},controllerAs:'vm',//controller:AppController,controller:()=>{},//template:require('./

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 - 如何使用 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 - 使用 gulp-jasmine 指定依赖关系

我有以下gulpfile.js:vargulp=require('gulp'),jasmine=require('gulp-jasmine');gulp.task('default',function(){returngulp.src('spec/test.js').pipe(jasmine());});spec/test.js中的代码使用全局angular变量,但是,当我运行gulptaskdefault时会抛出一个关于它未定义的错误。假设angular是在全局范围内的文件spec/lib.js中定义的。在test.jsdescribe()之前,我如何告诉jasmine()它需要首先

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('.

javascript - Webpack 2 + React - 使用 System.import 进行代码拆分时的嵌套路由

我有一个基于http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/的应用程序文章。我添加了一些子路由,现在我的路由器配置如下:functionerrorLoading(err){console.error('Dynamicpageloadingfailed',err);}functionloadRoute(cb){console.log('loadroutecalled');return(module)=>cb(null,module.default);}constobj={component:A

javascript - 使用 Vue webpack 模板的环境独立构建

我使用构建服务器构建我的Vue项目,使用Vue2模板很好地提供的npmrunbuild命令。Vue模板还提供了访问特定于环境的数据的能力,这些数据可以在config目录下的文件中进行配置。诸如prod.env.js之类的东西。然后您可以通过process.env.API_PREFIX访问此数据,如模板手册中所示。我希望能够一次构建代码,然后将相同的构建(由Dist中的输出定义)部署到多个服务器,但让不同的服务器使用不同的配置(不同的API_PREFIX等)。目前,Webpack编译器在构建时扩展了process.env引用。因此我必须为每个环境重建。我可以想到几种方法来做到这一点——显

javascript - yeoman gulp-angular projekt 设置后单元测试出错

...设置有问题。我使用yeoman并使用创建我的项目yogup-angular设置完成后我开始单元测试gulptest但它失败了:PSP:\projects\test-logbook>gulptest[15:15:14]UsinggulpfileP:\projects\mydisk-logbook\gulpfile.js[15:15:14]Starting'scripts'...[15:15:15]allfiles14.08kB[15:15:15]Finished'scripts'after840ms[15:15:15]Starting'test'...2809201715:15:1

javascript - 在 WebStorm 11 中调试 WebPack

我正在尝试使用源映射在WebStorm中调试与WebPack捆绑在一起的javascript应用程序。我当前的webpack.config.js看起来像这样:varpath=require('path');module.exports={debug:true,devtool:'source-map',context:path.join(__dirname,'js'),entry:'./main.js',output:{path:path.join(__dirname,'Built'),filename:'[name].bundle.js'}}源映射已生成,如下所示:{"version"