小编Tai*_* Le的帖子
Webpack>无法使用原始源代码(JSX等)进行调试
我试图找到这个Webpack配置的问题.
我无法使用REACT中的原始源进行调试.
目前,我正在使用Chrome开发工具.
问题:
预期:
在这里我的依赖
"babel-loader": "^7.1.0",
"babel-plugin-lodash": "^3.2.11",
"babel-plugin-transform-react-jsx-source": "^6.22.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "6.24.1",
"babel-preset-stage-0": "^6.24.1",
"babel-plugin-react-transform": "^3.0.0",
"babel-plugin-transform-runtime": "^6.23.0",/* global __dirname, require, module*/
const webpack = require('webpack');
const UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
const env = require('yargs').argv.env;
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')
const CompressionPlugin = require('compression-webpack-plugin');
const pkg = require('./package.json');
const WidgetName = pkg.main.match(/lib\/(.*).js/).pop();
let plugins = [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV:
env === 'build'
? …10
推荐指数
推荐指数
1
解决办法
解决办法
319
查看次数
查看次数
反映反模式,在另一个组件的定义中定义一个组件
我已经阅读了React中的嵌套组件.
我尝试了这个例子并注意到每次我更新父组件的状态(todolist).DOM树重新渲染整个而不是添加新的.
我的问题是:这是一种我们应该避免的反模式吗？
const TodoList = ({ todos, onTodoClick }) => {
const Todo = ({ completed, text, onClick }) => {
return (
<li onClick={onClick} style={{ textDecoration: completed ? 'line-through' : 'none' }}>
{text}
</li>
);
};
return todos.map(todo => <Todo key={todo.id} {...todo} onClick={() => onTodoClick(todo.id)} />);
};
这是我的测试
10
推荐指数
推荐指数
1
解决办法
解决办法
95
查看次数
查看次数
Spring Mongo>如何从聚合中获取列表AggregationOperations
我有一个函数接收Aggregation aggregation一个param.
我想获得的所有AggregationOperation的aggregation.有什么办法吗？
public Aggregation newCustomAggregation(Aggregation aggregation, Criteria c) {
// How to get list operation aggregation there?
listOperation.push(Aggregation.match(c));
return Aggregation
.newAggregation(listOperations);
}
Aggregation根据我的习惯,我的目的是新的另一个MatchAggregation.
7
推荐指数
推荐指数
1
解决办法
解决办法
372
查看次数
查看次数