草庐IT

html-webpack-plugin

全部标签

javascript - Webpack 2 + React - 使用 System.import 进行代码拆分时的嵌套路由

我有一个基于http://moduscreate.com/code-splitting-for-react-router-with-es6-imports/的应用程序文章。我添加了一些子路由,现在我的路由器配置如下:functionerrorLoading(err){console.error('Dynamicpageloadingfailed',err);}functionloadRoute(cb){console.log('loadroutecalled');return(module)=>cb(null,module.default);}constobj={component:A

javascript - 如何从 mustache 内的过滤器输出 html

我有一个输入(右上角),用户可以在其中搜索内容,当它的指令长度达到3个字符时,它将显示产品列表并突出显示匹配...看看我的代码:html{{product.id}}-{{product.name|highlight}}-{{product.qtd}}fdfds{{message}}jsvarsearch=newVue({el:"#app",data:{message:"",searchInput:false,products:[{id:1,name:"produto01",qtd:20},{id:2,name:"produto02",qtd:40},{id:3,name:"produt

javascript - 使用 Vue webpack 模板的环境独立构建

我使用构建服务器构建我的Vue项目,使用Vue2模板很好地提供的npmrunbuild命令。Vue模板还提供了访问特定于环境的数据的能力,这些数据可以在config目录下的文件中进行配置。诸如prod.env.js之类的东西。然后您可以通过process.env.API_PREFIX访问此数据,如模板手册中所示。我希望能够一次构建代码,然后将相同的构建(由Dist中的输出定义)部署到多个服务器,但让不同的服务器使用不同的配置(不同的API_PREFIX等)。目前,Webpack编译器在构建时扩展了process.env引用。因此我必须为每个环境重建。我可以想到几种方法来做到这一点——显

javascript - Knockout ObservableArray 不更新 HTML Foreach

所以我有一个可以正常工作的observablearray,但是UI没有更新。我读过很多人遇到这种类型的问题,但我没有看到。所以HTML是YupJavascript是一个调用API并从中构建数组的函数。functionTweetsViewModel(){varself=this;self.tasksURI='http://localhost:8000/api/v1/tweet/';self.tweets=ko.observableArray();self.ajax=function(uri,method,data){varrequest={url:uri,type:method,cont

javascript - 在 WebStorm 11 中调试 WebPack

我正在尝试使用源映射在WebStorm中调试与WebPack捆绑在一起的javascript应用程序。我当前的webpack.config.js看起来像这样:varpath=require('path');module.exports={debug:true,devtool:'source-map',context:path.join(__dirname,'js'),entry:'./main.js',output:{path:path.join(__dirname,'Built'),filename:'[name].bundle.js'}}源映射已生成,如下所示:{"version"

javascript - CKEditor 在样式中插入不可编辑的 HTML

我目前正在将CKEditor移植到concrete5中。作为其中的一部分,concrete5能够创建可以通过编辑器插入的“片段”。开发人员能够定义这些小部件产生什么样的HTML输出,但在编辑模式下,它只是显示一个具有以下HTML的占位符:''+selectedSnippet.scsName+''我研究过CKEditor小部件,但不一定想用大量按钮来激活我的工具栏以激活此类功能。我很好奇是否可以向stylescombo下拉列表(或类似的下拉列表)添加一些内容,然后插入一个像上面那样的片段。目前我必须尝试做的事情可以在https://github.com/ExchangeCore/Conc

javascript - 使用 webpack 生成带打字文件的 typescript 库

目前我的构建过程是:使用ES6模块语法编写大量typescript文件生成一个index.ts,从一个点重新导出所有模块编译为CommonJS+系统输出描述符/输入文件这会生成一个index.js文件,该文件会重新导出所有内部文件,而无需开发人员使用它而无需了解它,以及许多反射(reflect)文件结构的d.ts文件。现在这行得通了,但是如果我要对浏览器采用这种方法,我将需要对所有js进行webpack,否则这将是拉入所有单个文件的http请求噩梦。目前,该库将作为其他库的依赖项使用,因此它不是逻辑的终点或任何它是模块/库的东西。现在的主要问题是关于webpack我知道我可以加载TS并

javascript - 仅针对 html 禁用 flex 滚动,但针对溢出 :scroll 的元素进行维护

我正在创建一个全屏网络应用程序,它将包含一些使用新的iOS5溢出:滚动功能的模块/小部件。我想要的是在滚动html/body时禁用那种“flex”效果(因为它是全屏),但只在可滚动元素上保持这种效果。平滑我拥有的可滚动元素的效果:html,body{overflow:hidden;}.scrollable{overflow:scroll;-webkit-overflow-scrolling:touch;}然后是以下禁用触摸滚动效果的脚本:$(document).bind('touchmove',function(e){if(e.target===document.documentEle

javascript - React JSX 中的自定义 HTML 元素标记

我们正在使用一个使用自定义元素的组件库。这需要我们在JSX中使用自定义HTML标签。举一个非常简单的例子:varApp=React.createClass({render:function(){return;}});React.render(,document.getElementById('content'));在这种特殊情况下,我只需要React输出niner标记而不试图用它做任何太特别的事情。我故意没有ninerReact组件。根据JSXindepth,React'sJSXusestheuppervs.lowercaseconventiontodistinguishbetween

javascript - 将 Bower 与 Webpack 结合使用 - React

作为序言,我知道我应该避免使用Bower,而是使用NPM来管理我所有的JavaScript依赖项。但是,我正在处理一些大量使用Bower的遗留代码,在我可以将所有内容移至NPM之前,我希望使用Bower和Webpack获得我的代码库的工作版本。也就是说,我正在按照官方指南中使用Bower和Webpack的配置设置:https://webpack.github.io/docs/usage-with-bower.html特别是,我已经建立了一个Github存储库,我可以在其中bowerinstalljquery并使用官方指南中的配置,我能够require("jquery")在我的源代码中,