草庐IT

webpack-dev-middleware

全部标签

javascript - Webpack 和 angularJs

我正在尝试使用angularjs和webpack运行简单的应用程序,这是我的代码:index.htmlFullName:{{firstName+""+lastName}}app.jsvarapp=angular.module('myApp',[]);functionmainCtrl($scope){$scope.firstName="John",$scope.lastName="Doe"}Webpackconfig.jsmodule.exports={entry:'./main.js',output:{filename:'./bundle.js'}};ma​​in.jsvarjquer

javascript - 如何从 <script> 执行 webpack 模块?

我写了一个ES6模块,看起来像这样:exportdefaultfunction({makeCurrentVerUrl,verUrl,fileServer,downloadTokenType,appId}){...}用webpack编译的时候是这个样子的:webpackJsonp([5,7],[/*0*//***/function(module,exports){'usestrict';Object.defineProperty(exports,"__esModule",{value:true});exports.default=function(_ref){varmakeCurrent

javascript - 在 React.js、node.js、webpack、babel、express 中使用 fs 模块

我有一个要求,我在其中呈现我显示表单的View。在提交表单时,我需要收集表单数据并创建一个文件并将表单数据保存为该文件中的JSON。我正在使用React.js、node.js、babel和webpack。在努力实现这一目标之后,我发现我必须使用同构或通用javascript,即在服务器端使用react和渲染,因为我们不能在客户端使用fs模块。Referredthisforserverside.我使用:npmrunstart在此之后,我可以在控制台中看到[ObjectObject]从下面的react组件(HomePage.js)的第1行打印在控制台上。但是后来当我访问这个页面时它给出了一

javascript - vue webpack 模板(通过 vue-cli)以后会变得更容易使用吗?

背景开始一个新的vue.js(2.0)项目。我在其他项目(vuejs-templates/webpack)中使用过vue-cli,发现在进行任何类型的更改时都很难掌握构建过程。最重要的是,webpack因缺乏文档而臭名昭著,因此即使对构建过程进行微小的调整也需要大量工作。总的来说,我相信我同时了解webpack和vue-loader。不过,我仍然很难全面了解vuejs-templates/webpack。问题我正在考虑为这个应用程序滚动我自己的webpack配置,但我担心我最终会得到一个与当前vuejs-templates/webpack一样大的构建过程。我的计划是从vuejs-tem

javascript - 使用 webpacker 从 Rails Controller 渲染 js

刚刚用webpacker替换了我的Rails应用程序中的js管道.大多数事情都可以正常工作,但是渲染js的Controller不再按预期工作。defactionformat.js{render"javascript_partial"}end通常,上面的代码会在我的View中执行一个名为javascript_partial.js.erb的文件或action.js.erb如果未在render中指定.问题似乎是这些文件与webpacker没有关联管道,因此无法访问像jquery这样的全局库或明确管理自己的imports.此代码现在会导致客户端语法错误,因为它无法访问jquery$功能:$("

javascript - webpack require.ensure 第一个参数使用

webpackrequire.ensure第一个参数第一个参数有什么用?https://webpack.github.io/docs/code-splitting.htmlrequire.ensure(dependencies,callback)我试过让第一个参数填充或为空,如:require.ensure(['./module'],function(){//filledfirstparamrequire.ensure([],function(){//emptyfirstparamletmodule=require('./module');$ocLazyLoad.load([{name

javascript - 找不到 Karma + Jasmine + TypeScript + Webpack 的源映射

我正在尝试使用Karma、Jasmine和Webpack测试(覆盖)我的TypeScript应用程序。通过以下,我能够成功运行测试,但无法正确生成覆盖率。我正在使用karma-remap-coverage(https://github.com/sshev/karma-remap-coverage),它看起来很简单。它看起来好像发生了一些有趣的事情(而且我得到了某种覆盖率报告)但是在这里和那里进行了一些调整,数字发生了巨大变化,我永远无法真正加载源map。这是基本设置:我有一个src目录,其中包含10个.ts文件。目前只有一个有相应的.spec文件。spec文件非常简单,足以证明我可以运

javascript - AWS Lambda 的 Webpack 配置?

我正在使用AWSLambda,为此我需要将一些现代JavaScript转换为Node6.10。这是我的代码:exportconsthandler=function(event,context,callback){console.log('Hello,world');callback(null,'OK');};这是我想转换成的(粗略地说):exports.handler=function(event,context,callback){console.log('Hello,world');callback(null,'OK');};这是我当前生成的:module.exports=/***

javascript - 用 webpack 填充一个包

我需要在我的项目中使用一个javascript文件作为依赖项。它没有github存储库,它不在bower或npm上,它就在这里。http://a.klaviyo.com/media/js/learnmarklet.js我可以用bower安装它:bowerinstallhttp://a.klaviyo.com/media/js/learnmarklet.js--save我知道它将存在于我的项目中:./bower_components/learnmarklet/index.js我知道它将一个名为_learnq的变量附加到全局窗口对象。我要的就是这个var_learnq=require("k

javascript - 如何缩小 gulp-webpack 文件?

有如下情况:gulp.task('webpack',function(cb){gulp.src('webpack-init.js').pipe(webpack({output:{filename:'bundle.js',},})).pipe(gulp.dest('./client/js'));cb();});一切正常,但我想缩小输出文件。如果我直接使用gulp-uglify-.pipe(webpack(...)).pipe(uglify().on('error',gutil.log)).pipe(gulp.dest('./client/js'));有一个错误:“意外的标记:punc()