草庐IT

html-webpack-plugin

全部标签

javascript - 使用 webpack-dev-server 时 webpack 构建中缺少 bundle.js

我看了类似的,但找不到解决我问题的具体答案。我找不到bundle.js文件,即使我指定了它应该输出的位置并且一切都在浏览器中工作。我知道webpack-dev服务器正在从内存中加载文件并且没有任何内容被写入磁盘,我如何才能构建文件并将其添加到配置文件中输出属性中指定的目录?这是我的package.json:{"name":"redux-simple-starter","version":"1.0.0","description":"SimplestarterpackageforReduxwithReactandBabelsupport","main":"index.js","repos

javascript - 如何在带有 ES6 的 webpack 中的 Angular 之前包含 jQuery?

我试过这个:import$from'jquery';window.jQuery=$;importangularfrom'angular';但$.fn.scope未定义且ng-bind-html中的脚本不起作用InjectingascripttagwithngBindHtml也在webpack配置中尝试过这个module.exports={module:{loaders:[{test:/angular(\.min)?\.js$/,loader:"imports?$=jquery"},{test:/jquery(\.min)?\.js$/,loader:'expose?jQuery'}]}

javascript - Webpack 语法错误 : Unexpected token =>

我刚刚将我的项目从一台机器移动到另一台机器,当我运行webpack--watch时,我收到以下错误:C:\Users\joe_coolish\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:186outputOptions.children=options.map(o=>o.stats);^^SyntaxError:Unexpectedtoken=>atexports.runInThisContext(vm.js:73:16)atModule._compile(module.js:443:25)atObject.Modul

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 用于 sass 的 webpack live 热重载

我正在为ReactStarter构建工作流程,并希望在我更改scss文件时自动重新加载浏览器。目前,当我在我的index.js文件(设置为我的入口点)中进行更改时,webpack将热重新加载。但是,当我在scss文件中更改/添加scss代码时,它会被编译,但css不会在任何地方输出,也不会触发浏览器重新加载。我是webpack的新手,非常感谢这里的一些见解。这是我的webpack.config.jsconstpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTex

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - AngularJS 过滤器将 html 作为字符串返回

我已经创建了一个AngularJS过滤器来自动从数据中找到的地址创建可点击的链接。过滤器:app.filter('parseUrl',function(){var//URLsstartingwithhttp://,https://,orftp://replacePattern1=/(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim,//URLsstartingwith"www."(without//beforeit,orit'dre-linktheonesdoneabove).replaceP

javascript - 为什么 html() 执行 JavaScript,而 innerHTML 不执行?

为什么这会执行:$('#jq_script').html("$('#test').text('test');");但这不是吗?document.getElementById('js_script').innerHTML="$('#test').text('test');";你可以看到它的实际效果here来自jQuery关于.html()的文档:Thismethodusesthebrowser'sinnerHTMLproperty.SomebrowsersmaynotreturnHTMLthatexactlyreplicatestheHTMLsourceinanoriginaldocum

javascript - 从 Nightmare.js 返回 HTML 正文

我目前正在使用cheerio和nightmare进行一些抓取。我同时使用两者而不仅仅是cheerio的原因是因为我必须操纵网站才能到达我想要抓取的部分,而且我发现nightmare非常擅长执行这些脚本。所以,现在我正在使用nightmare来获取显示我需要的信息的部分。之后,在evaluate()上,我试图以某种方式返回当前的html,然后将其传递给cheerio进行抓取。问题是我不知道如何从document对象中检索html。文档中是否有返回完整正文的属性?这是我正在尝试做的事情:varNightmare=require('nightmare');varnightmare=Night

javascript - webpack 2 预期 '!' 错误与导入一起使用

我想使用这个svg加载器,https://github.com/jhamlet/svg-react-loader在说明中我遵循了用法,比如importLogofrom'svg-react-loader?name=Logo!../images/logo.svg';但是我得到了错误Line3:Unexpected'!'in'svg-react-loader?name=Logo!../images/logo.svg'.Donotuseimportsyntaxtoconfigurewebpackloadersimport/no-webpack-loader-syntax