草庐IT

html-webpack-plugin

全部标签

javascript - Webpack console.log 输出?

谁能指引我正确的方向?因此,我已经使用truffle套件演示设置了webpack-dev-server,只是为了在我的应用程序基础上打下基础。所以我的配置文件包含index.html和app.js,但它尝试显示console.log输出到app.js没有通过控制台显示?webpack.config.jsconstpath=require('path');constCopyWebpackPlugin=require('copy-webpack-plugin');module.exports={entry:'./app/javascripts/app.js',output:{path:pa

javascript - 92% block Assets 优化 - webpack

看来webpack卡在了92%blockAssets优化大约30秒以上以显示简单的js/css更改。这对于任何理智的人来说都太长了,无法坐下来等待他们生命中的大部分时间来看到应该立即呈现在附近的东西。我们处于开发模式(因此我们需要源映射,这会增加延迟)但它仍然不应超过30秒。此外,我们没有使用uglify(我在GitHub上看到它占用了大量时间)。我们如何才能让构建时间接近即时,或者比现在快得多?更新这是laravel-mix文件:letmix=require('laravel-mix');mix.react('resources/assets/js/app.js','public/j

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 - 我可以在打印 HTML 页面时使用 scoped CSS 吗? (使用 Laravel 和 Vue.js)

我应该将作用域CSS放在我的主文件中,还是应该更改打印函数以适应组件的作用域CSS?第二种情况,JS函数应该怎么改?我将Laravel5与许多Vue组件一起使用。在其中一个中,我有以下作用域CSStd.not-purchased{background-color:darkgrey;}td.not-assigned-here{background-color:lightgreen;}td.checkbox{margin-top:0;margin-bottom:0;display:inline-block;}tableth:nth-child(n+3),tabletd:nth-child(

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 - AS3 Flash - 通过 ExternalInterface 呈现 html

这是我在StackOverflow上的第一个问题。这不是我第一次想写一个,但通常我会使用搜索栏找到解决方案,这次我没有。我要解决的问题有点复杂,所以我会尽量做到彻底。基本上,我们正在将中国支付添加到Flash中已有的电子商务中。整个网站在AS3中,使用SWFObject嵌入,已经使用ExternalInterface做其他事情。这种新的中国支付方式有点过时,所以他们处理支付的方式很奇怪。一旦我们将包含所有订单详细信息的POST发送到他们的服务器,他们就会以HTML页面进行响应。考虑到我在Flash中收到它,我的问题是呈现此页面。我目前正在尝试的解决方案部分有效,这意味着我能够看到页面,

javascript - 是否可以使用 Javascript 检索 iframe 的*完整* HTML 页面源代码?

我正在尝试弄清楚如何从中检索完整(即所有数据)HTML页面源,而src与它嵌入的页面。我想要任何给定时间的确切源代码,由于Javascript或php生成html输出,这可能是动态的。这意味着像$.get()这样的AJAX调用对我不起作用,因为页面可以通过Javascript修改或根据请求时间或php中的mt_rand()唯一生成。我无法从我的中检索到准确的声明。我一直在通过StackOverflow进行试验和搜索,但没有找到一个解决方案来检索所有页面源代码,包括声明。HowdoIgettheentirepage'sHTMLwithjQuery?中的一个答案表明,为了检索信息,您需要手

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