对于prod构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS).
但是,extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件; 即SCSS的入口点产生了所需的CSS文件和我不想要的JS文件.这个未使用的JS文件只包含webpack样板和文件// removed by extract-text-webpack-plugin.所以它正在完成它的工作,但仍然创建这个不必要的文件.我的webpack配置是(显示相关部分):
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: {
app: './client/src/app.js',
style: './client/src/app.scss'
},
output: {
path: __dirname + '/server/assets/',
publicPath: '/',
filename: 'bundle.[chunkhash].js',
},
module: {
loaders: [{
test: /\.js/,
exclude: /node_modules/,
include: /src/,
loader: 'babel-loader'
},{
test: /\.scss$/,
loader: ExtractTextPlugin.extract('style', 'css', 'sass'),
},{
test: /.*\.(woff|woff2|eot|ttf)$/i,
loader: "url-loader?limit=10000&mimetype=application/font-woff"
},{
test: /.*\.(png|svg|jpg)$/i,
loaders: [
'file?hash=sha512&digest=hex&name=[hash].[ext]',
'image-webpack?{progressive:true, optimizationLevel: 7, interlaced: false, pngquant:{quality: "65-90", speed: 4}}'
]
}]
},
plugins: [
new ExtractTextPlugin('bundle.[chunkhash].css', { …我想使用正则表达式从英国邮政编码中提取区号。例如，这将从“SW11 1AW”中删除“SW”。该区域始终是字符串的第一个字符，并且后面始终跟有一个数字。我不能只提取前两个字符，因为有时只有一个字母，例如“E1 4PN”。因此，它只需要从字符串的开头匹配 AZ，直到它遇到数字并仅返回字母。为了便于论证，字符串始终为大写。
谢谢。
我<section>在课程页面上有3 秒,.slider其中有几个<article>.为了使这些工作作为标签内容,我想使用jQuery来隐藏除了每个这些之外<article>的所有内容.
下列:
$(".slider > article:not(:first)").hide();
隐藏了第一个<article>中的第一个<section>,我需要它来遍历三个<section>并隐藏第一个中的第一个.我假设我需要使用它each()来循环它们,但我无法做任何事情.
我有一个填充了各种元素的对象,我希望通过使用它来迭代each(),然后对轮到它的元素执行操作.所以:
var arts = $("#press-sqs > article");
shuffle(arts);
$(arts).each(function(){
setInterval(function() {
// in here perform an action on the current element in 'arts'
}, 2000);
});
(shuffle()是一个基本的随机播放功能)
我无法弄清楚的是如何将当前元素作为选择器访问并对其执行操作.$(this)是$(window).
最后,我需要该函数在它到达结束时再次启动迭代art并继续无限循环.
我正在制作一个简单的jQuery导航系统,但我远非专家,因为以下代码可能会降级.
HTML:
<ul id="main-nav">
<li><a href="../" id="home">HOME</a></li>
<li class="pipe">|</li>
<li id="about">ABOUT US</li>
<li class="pipe">|</li>
<li id="projects">PROJECT TYPES</li>
<li class="pipe">|</li>
<li id="reducing">REDUCING EMISSIONS</li>
<li class="pipe">|</li>
<li id="carbon">CARBON MARKETS</li>
<li class="pipe">|</li>
<li id="FAQs">FAQs</li>
</ul>
jQuery的:
$(function () {
$("#main-nav li:not('.pipe')").hover(function () {
var $this = $(this).attr("id");
$('#nav-strip2 ul.sub-nav').hide();
$("#nav-" + $this).show();
});
});
显示/隐藏工作得很好,唯一的问题是当管道悬停在它上面时隐藏一切.有一个原因,菜单需要在<li>s中组成,而不仅仅是<a>s,但它并不是真正的相关和冗长.
我正在尝试排除.hover()的东西,当它是一个带有.pipe类的li时发生,但没有任何乐趣.我究竟做错了什么？任何帮助赞赏.我确信有一种方法可以排除<li>没有附加ID的s,这样就可以节省将.pipe类分配给所有这些<li>.唉,我还没有jQuery的能力来解决这个问题!
谢谢.
我正试图从输入框中获得关于已输入的字母的即时反馈.输入的最大长度为1个字符,我希望jQuery在用户提起其输入角色的键时提醒该值.
以下检测值立即但后来永远循环.这不是严格意义上的问题,但似乎是一种不适当的压力.
$("#captcha").keyup(function(e) {
( $(this).val() == 'w' ) ? $(this).css("border-bottom","2px dotted #27bbb1") : $(this).css("border-bottom","2px dotted #ED0664") ;
//e.preventDefault();
});
change() 将不会作为事件工作,因为只有在用户更改焦点时才会触发此事件,我需要在按键后立即执行此操作.
谢谢
这显示了一个下拉ul.sub-menu框(),其中框阴影应隐藏在主菜单栏条(#main)后面.我不明白为什么子菜单中的盒子阴影出现在主导航栏上方 - 两个元素都被定位并且设置了z-index.
(为此,下拉列表会永久显示,显然在生存时它仅在父项li悬停时显示).
谢谢.
HTML:
<nav id="main">
<div class="mw">
<div class="menu-main-menu-container">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a>
<ul class="sub-menu">
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
<li><a href="#">Sub 4</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
CSS:
/* main nav */
nav#main {
height: 40px;
background: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, …有点抽象的问题,但我有兴趣知道一种更简洁的写作方式:
if( i.css('opacity') == 1 )
o = 0;
else
o = 1;
因此,如果something== 1,make another= 0,if something== 0 make another= 1
something为了达到这个目的,我必须进行某种倍增吗？我的数学很糟糕.