草庐IT

html-webpack-plugin

全部标签

javascript - 在 Webpack 4 中,我们可以使用 import() token 动态生成页面 block ,以便我们可以将 react 组件转换为可 react 加载的组件吗?

我们使用React和react-loadable.在我们的应用程序初始化期间,我们正在验证component.preload每个都存在方法我们定义。如果缺少该方法,我们会显示一条警告,表明该组件应该是可加载的。我们使用webpack4,有没有办法自动包装组件,所以我们不必手动做?这是一个组件的样子:/**MyComponent.js:pagecomponent*/exportdefault()=>Helloworld;这是包装在react-loadable组件中的同一个组件:/***preconfiguredreact-loadable*Seehttps://github.com/ja

javascript - 在 contenteditable 中删除选择范围内的所有 HTML 标签

我有一个这是contenteditable并且可以包含多种类型的HTML元素,例如,,,等等。现在,当我在contenteditable中选择文本时我想要一个按钮来删除选择中的所有样式。示例1:选择:Hellothere.Iamaselection会变成:Hellothere.Iamaselection示例2:选择:Iamalink会变成:Iamalink你明白了......我发现了这个有用的函数https://stackoverflow.com/a/3997896/1503476用自定义文本替换当前选择。但是我无法先获取选择的内容并在替换之前删除标签。我该怎么做?

javascript - jquery html() vs empty().append() 性能

我在http://jsperf.com/jquery-html-vs-empty-append-test创建了一个测试用例比较$.html()和$.empty().append()的性能。我想知道.empty().append()更快。​​谁能解释这种性能差距?谢谢。 最佳答案 在你的代码中,$.empty().append()运行得更快,因为你的选择器是错误的,您应该使用var$test=$("#test");而不是var$test=$("test");进行比较。参见DEMOHere.

javascript - 外部语言环境文件中的 Angular $sce 与 HTML

将Angular应用程序从1.0.8升级到1.2.8时有关ng-bind-html的问题:我将语言环境字符串存储在名为en_GB.json、fr_FR.json等的文件中。到目前为止,我已经允许在语言环境字符串中使用HTML允许编写本地化内容的团队应用基本样式或添加内联anchor标记。这将产生以下示例JSON:{"changesLater":"Don'tforgetthatyoucanalwaysmakechangeslater.""errorEmailExists":"Thatemailaddressalreadyexists,pleasesignintocontinue."}当将

javascript - Webpack加载器测试没有文件名某些部分的文件

我将我的测试保存在与我的组件相同的文件夹中,并且我正在尝试将webpack加载程序(istanbul-instrumenter-loader)应用于所有文件,除了那些名为的文件spec.js或者以*Spec.js结尾(所以components/SupportPage/spec.js和actions/SupportActionsSpec.js不会包含在内。我已经尝试在regextester.com上获取正确的RegEx,但无法正常工作。我是否遗漏了什么? 最佳答案 好的,我找到了。编写一个测试来包含所有文件,但排除特定的规范文件可能是

javascript - 使用 webpack 部署 React 应用

我正在做一个关于React的教程,我已经制作了一个基于React的youtube克隆。现在我想将它上传到我的域(托管在one.com),但它不起作用,因为找不到bundle.js。相当明显,因为该应用程序需要运行“npmstart”。我一直在谷歌搜索,发现我需要通过为webpack编写部署配置来部署应用程序,但我无法让它工作。我一直不明白这个,我想问一下:如何将javascript/nodejs/webpack网站部署到服务器?我走在正确的轨道上吗?我的项目基于这个启动器:https://github.com/StephenGrider/ReduxSimpleStarter编辑:所以我

javascript - Uncaught TypeError creating an Aurelia Plugin : plugin. 加载不是函数

我创建了一个新的Aurelia插件,它被命名为Aurelia-Slickgrid并使用.feature('resources')让它在本地工作>。然后我为下一步做好了准备,将它作为插件提供给所有人,并创建了一个Github项目并在这个GitHublink-Aurelia-Slickgrid下提供。.我用了AureliaSkeletonPlugin为了创建我的插件,还运行了gulpbuild来创建转译后的输出。然后,我将它发布到NPM上,并使用npmi--saveaurelia-slickgrid成功安装了它。我目前正在使用Aurelia-CLI进行捆绑并且一切顺利,直到我打开浏览器并看

javascript - Webpack 4 - 模块解析失败 : Unexpected character '@'

我最近从Webpack3升级到4。它现在抛出一个错误:Moduleparsefailed:Unexpectedcharacter'@'Youmayneedanappropriateloadertohandlethisfiletype.|@import'./scss/variables.scss';||*{@./src/index.js1:0-22在我的styles.scss文件中,我正在执行以下操作:@import'scss/variables.scss';*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Aria

javascript - Webpack Encore Jquery 最大调用堆栈大小

我在升级到Symfony4.1并切换到Encore后遇到问题。UncaughtRangeError:Maximumcallstacksizeexceededat_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bundle.js?v=1.6565:3454)at_typeof(bund

javascript - 如何让 ESLint 对 VSCode 中的 HTML 文件进行 lint?

我有一个Javascript浏览器项目拆分为多个文件,无法让ESLint在相同的全局范围内检查我的HTML文件的脚本标签,以便在一个文件中声明和调用类和函数可以在另一个文件中识别。这是我的项目结构:这是foo.js的内容:sayHello();和bar.js:functionsayHello(){console.log('Hello');}我已经在HTML文件中链接了它们:我认为解决这个问题的方法是使用eslint-plugin-html包,但尝试配置它却没有成功。这些是我在项目本地安装的包:Alexs-MacBook-Pro:Demoalexmcdermott$npmlist--de