草庐IT

html-webpack-plugin

全部标签

javascript - webpack 外部设置不工作,文件被包含

我正在为react-toolbox重新打包cljsjs,我需要做的是不在完成的包中包含react和react-dom,所以,我显然添加了:externals:{"react":"React","react-dom":"ReactDOM"},到webpack.config.js,但它似乎不起作用。在生成的.js文件中,我期望是这样的:123:function(...){module.exports=React;},却发现:/*372*//***/function(module,exports,__webpack_require__){/*WEBPACKVARINJECTION*/(fun

javascript - Vue 资源 - plugin.apply 不是函数

我有一个用Vue1构建的分页组件,为此我从Laravel分页接收数据:Novideosfoundfor"{{query}}""importeventHubfrom'../events.js'exportdefault{props:['query'],data(){return{videos:[],meta:null,showPagination:false,zeroVideos:false,}},methods:{getVideos(page){this.$http.get('/search/videos?q='+this.query+'&page='+page).then((resp

javascript - 如何正确导出Webpack库?

第一次真正尝试使用webpack,我正在尝试创建一个可重用的库。我不知道如何正确导出我的库类。以下是我目前正在做的事情以及我如何尝试使用已构建的内容的一般概述。我有一个像这样的入口点:importClassAfrom'./classA';importClassBfrom'./classB';export{ClassA,ClassB};我想在我的应用程序需要时使用构建的库来导入我的类:import{ClassA}from'./libs/library.js';//currentlyusingchromeflagsfortesting但我无法为我的webpack构建找到正确的“输出”配置。

javascript - Webpack 插件 : How to add dynamically a Module to the main Chunk?

我正在开发一个Webpack插件,它基本上在block中寻找cssAssets,当它找到这样的Assets时,在其上应用一些返回的postCSS插件2个输出,一个应该继续使用Extract-Text-Plugin提取,另一个输出应该成为chunk中的一个新模块在运行时将其注入(inject)头部。我唯一没有设法实现的部分是在现有block中创建新模块的部分。有什么指点/想法吗?我设法从中创建了一个新block,但没有webpack包装器,这意味着我无法为那blockcss支持HMR并延迟加载它。classExtractTPAStylePlugin{constructor(options

javascript - 哈巴狗 + webpack-dev-server

我正在使用webpackv4,我正在尝试将Pug与webpack-dev-server一起使用,但是当我运行webpack-dev-server--modedevelopment它不提供已编译的Pug。请帮忙。我不知道该怎么办。感谢您的回复。这是我的配置:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:'./src/js/main.js',output:{path:path.join(__dirname,'dist'),filena

javascript - 绕过 HTML 导入的安全性

我正在导入HTMLsnippet来自第三方并将其嵌入到我的Angular7应用程序之外的某个占位符中。片段中有一个以javascript:开头的链接,Angular将以unsafe:为前缀,这会破坏其功能。DOMSanitizerAngular似乎只提供了一种绕过HTML字符串安全性的方法。但是,在下面的方法中,我只是读取DOM节点并将其附加到不同的目的地。所以我需要一个DOM节点的解决方案。根据我的研究,在appendChild调用之后插入的节点是正确的,但是在Angular添加unsafe:几毫秒之后。如何绕过DOM节点的安全性?privateinsertPart(componen

javascript - webpack 和 babel-polyfill : Can't resolve 'core-js/modules/es6.array.map' in source directory

当我执行webpack时遇到这个错误:Modulenotfound:Error:Can'tresolve'core-js/modules/es6.array.map'in'/path/to/project/src'@./src/index.ts1:0-39index.ts:console.log([1,2,3].map(x=>x*x));.babelrc:{"presets":[["@babel/preset-env",{"useBuiltIns":"usage"}]]}webpack.config.js:constpath=require('path');module.exports

javascript - URL 中的 HTML 和 CSS 导致 404 错误(用户代理 = Trident/4.0)

我在URL中收到一些带有代码片段(CSS、HTML和JavaScript)的404。据我所知,用户在他们的session期间在网站上的进展情况很好-它是一个电子商务网站,受影响的用户正在将东西放入他们的购物篮并检查OK等。在某些页面上,我看到404错误与看似成功的页面显示相邻。每次显示该页面(在该session中)时,我都会收到相同的404错误。记录的404错误示例:404;http://www.example.com/rrepeat:repeat-y;有问题的页面上有一个匹配实例(除了第一个“r”):我已经检查了包含的CSS文件,但没有匹配项(如果匹配,我想我会在包含CSS文件的所有

javascript - 嵌入式媒体未显示在 TinyMCE 的 html 编辑器中

它不会保存。我使用媒体插件插入来自YouTube的视频。电影出现在预览中。我按下插入键。这就是ed.execCommand('mceInsertContent',false,h);media.js中的输出:当我按下插入/提交时。我在编辑器中看到一个黄色框。我检查了源html,我看到的只是一个 移动嵌入的东西应该在哪里。我保存,黄色框消失了。这是我当前的tinymce初始化脚本:tinyMCE.init({//Generalmode:'none',theme:'advanced',skin:'grappelli',dialog_type:'window',browsers:'g

javascript - HTML5 视频帧捕获到位图

我得到了这个脚本:functioncapture(video,scaleFactor){if(scaleFactor==null){scaleFactor=1;}varw=video.videoWidth*scaleFactor;varh=video.videoHeight*scaleFactor;varcanvas=document.createElement('canvas');canvas.width=w;canvas.height=h;varctx=canvas.getContext('2d');ctx.drawImage(video,0,0,w,h);returncanvas