小编ana*_*han的帖子

我通过运行npm install webpack -g在全局安装它,并通过运行npm install webpack --save-dev将其包含在我的项目中.

但是,在运行webpack命令时,我看到以下输出:未配置输出文件名.

这是webpack配置:

output: {
    filename: 'bundle.js',
    library: 'require',
    libraryTarget: 'this'
},

这是我可以从网上获得的唯一线索:: http://anujnair.com/blog/12-output-filename-not-configured-error-from-webpack 但它没有解决问题

任何帮助都会很棒

我喜欢了解浏览器如何在下面给出的代码中区分hello和window.hello

http://jsfiddle.net/PH3t2/291/

var hello = "new hello";
console.log("variable hello : " + hello); // <-- prints "new hello"
console.log(window.hello); // <-- logs HTML elements

<div class="mainWrapper">
  <div class="mainBox" id="hello">
    main
  </div>
  <div class="clear" id="hello"></div>
</div>

指定的窗口如何打印HTML元素而不是字符串"new hello"？

我想使用CSS根据文本的颜色为文本着色。

ie. if value is less than 20 --> red ,
    if value is between 20 - 60 --> orange , 
    if value is greater than 60 to 100--> green.

我不想根据值在模板中添加任何类。

我找到了此链接：如何使用JavaScript更改背景颜色？但这还不够，因为我有太多的值无法应用颜色。另外，我希望将来在添加新值时更易于维护。

我如何改善webpack构建时间.目前我正在打包150个文件.大约需要15秒(这是太多的时间).在"优化大块资产"期间,大部分时间都被吃掉,大约需要10秒钟.任何方式将此降低到最多3-4秒.

或者我如何在webpack中禁用优化步骤.我没有明确使用任何配置来缩小/丑化.

这是我目前使用的配置::

module.exports = {
context: __dirname,
entry: './js/main.js',
target: 'web',
module: {
    loaders: [
        { test: /text!/, loader: 'raw-loader'},
        { test: /backbone/, loader: 'imports-loader?this=>window' },
        { test: /marionette/, loader: 'imports-loader?this=>window' },
        { test: /sprintf/, loader: 'script-loader' },
        { test: /\.css$/, loader: "style!css" },
        { test: /\.scss$/, loader: 'style!css!sass' },
        { test: /\.js$/, loader: 'jsx-loader?harmony' }
    ]
},
resolveLoader: {
    root: path.join(__dirname, 'node_modules'),
    alias: {
        'text': 'raw'
    }
},
output: {
    filename: 'bundle.js',
    library: 'require',
    libraryTarget: 'this'
},
resolve: …

我有一个对象数组

var arr = [{a:1},{a:5}, {a:6},{a:11}];

我想使用下划线查找where函数来检索满足条件的对象a = 1或a =11

喜欢:

_findWhere(arr, {a:1} || {a:11})

这样的事情有可能吗？

在下面的代码片段中，我正在使用扩展来创建组件。这是行不通的。但是如果我使用React.createClass（{}）; 工作正常。您能否让我知道以下代码片段中的问题是什么

import React from 'react';

class App extends React.Component {
render() {
  return (
     <div>
        <AuditTable/>
     </div>
  );
 }
}

class AuditTable extends React.Component {
render(){
    return(
        <div> This is audit table 
            <AuditTable.Header/>
        </div>
    );
}
}

class AuditTable.Header extends React.Component{
render(){
    return(
        <div>
            Audit Table Header
        </div>
    );
}
}

export default App;

此代码不起作用。任何帮助都会很棒