草庐IT

px2rem-loader

全部标签

javascript - Webpack 2 - babel-loader - 如何排除 node_modules?

自从我升级到Webpack2后,我的“规则”中不能有“排除”。也无法将“排除”传递给“选项”。现在正确的做法是什么?之前:{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,}现在:{test:/\.js$/,use:[{loader:'babel-loader'}]???}整个配置:constpath=require('path');//constautoprefixer=require('autoprefixer');constpostcssImport=require('postcss-import');const

javascript - Jquery,当屏幕宽度为 1050px 时删除类

这是我正在使用的JS代码:$("document").ready(function($){varnav=$('#menu2');$(window).scroll(function(){if($(this).scrollTop()>90){nav.addClass("f-nav");}else{nav.removeClass("f-nav");}});但我似乎无法将其添加到我的代码中。functioncheckWidth(init){/*Ifbrowserresized,checkwidthagain*/if($(window).width()我想要的是当.f-nav添加到#menu2,

javascript - 使用正则表达式将 "pt"转换为 "px"

在所见即所得的编辑器中,我有我可以把它转换成使用"wysiwygdata".replace(/pt/g,"px");有什么方法可以使用正则表达式将pt的关联值更改为px的值。162pt可能是162*96/72px。寻求您的帮助。 最佳答案 为此,您可以使用正则表达式,将函数输入String#replace:s=/*...thedata...*/;s=s.replace(/([0-9]+)pt/g,function(match,group0){returnMath.round(parseInt(group0,10)*96/72)+"p

javascript - .split ("1px") 到 ["1px",1 ,"px"] 在 Javascript

我对正则表达式一窍不通,真的!我想要的是将包含CSS属性值的字符串拆分为[string,value,unit]数组。例如:如果我为.split()方法提供1px,它会返回["1px",1,"px"]。同样,如果我提供10%,它会返回["10%",10,"%"]。这可以做到吗?非常感谢您的帮助!更新:如果提供了1.5em,我还希望它返回["1.5em",1.5,"em"]。但是,如果可能的话,如果提供了yellow,仍然会返回null。不幸的是/^([0-9]*\.?[0-9]*)(.*)/与yellow一起提供会返回y,,y!谢谢大家! 最佳答案

javascript - 在 JS 中将 vh 单位转换为 px

不幸的是,100vh并不总是与100%浏览器高度相同,如下例所示。html,body{height:100%;}body{overflow:scroll;}.vh{background-color:blue;float:left;height:50vh;width:100px;}.pc{background-color:green;float:left;height:50%;width:100px;}这个问题在iPhone6+上更为明显,上部位置栏和下部导航栏如何在滚动时扩展和收缩,但不包括在100vh的计算中。100%高度的实际值可以在JS中使用window.innerHeight获

javascript - 自定义 Webpack CSS-loader "localIdentName"查询标记占位符?

我是Webpack的新手,一直在玩弄css-loader。OntheGithubpageunder"LocalScope"有关于使用您自己的自定义值指定localIdentName查询标记的信息,例如:[path][name]---[local]---[hash:base64:5]。这个标签允许我们指定类在被处理后应该如何命名。我们是否可以为此查询标记定义我们自己的自定义值占位符,即css-loader?localIdentName=[MyCustomMethod]-[hash:base64:5]? 最佳答案 我认为不可能在那里放置

javascript - datatables.net 列宽,单位为 % 和 px

我正在使用datatables.net并且需要一些固定宽度的列和其他列以%划分剩余空间这是我的代码{"sName":"ragsoc_denom","sWidth":"100%"},{"sName":"piva","sWidth":"80px"},{"sName":"telefono","sWidth":"100px"},{"sName":"indirizzo","sWidth":"100px"},{"sName":"cap","sWidth":"50px"},{"sName":"citta","sWidth":"50px"},{"sName":"id","sWidth":"70px"}

javascript - 使用相对路径从根加载图像使用--> webpack - file-loader - Angularjs

我正在使用Webpack在我的HTML、CSS和JS上加载图像。我的配置是:{varpath=require('path');varwebpack=require('webpack');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTextPlugin=require('extract-text-webpack-plugin');varconfig={entry:['angular','./src/lib.js','./src/app.js',],output:{path:path.join(__di

javascript - Webpack babel-loader runtime : Module build failed: TypeError: this. setDynamic 不是函数

我正在尝试将babel-loader与babel-plugin-transform-runtime一起使用。我已按照以下说明进行操作:https://github.com/babel/babel-loader#babel-is-injecting-helpers-into-each-file-and-bloating-my-code相关代码:rules:[//the'transform-runtime'plugintellsbabeltorequiretheruntime//insteadofinliningit.{test:/\.js$/,exclude:/(node_modules

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1: