小编dev*_*abe的帖子

我是webpack的新手,我正在尝试理解加载器及其属性,如测试,加载器,包含等.

这是我在谷歌中找到的webpack.config.js的示例片段.

module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
          path.resolve(__dirname, 'index.js'),
          path.resolve(__dirname, 'config.js'),
          path.resolve(__dirname, 'lib'),
          path.resolve(__dirname, 'app'),
          path.resolve(__dirname, 'src')
        ],
        exclude: [
          path.resolve(__dirname, 'test', 'test.build.js')
        ],
        cacheDirectory: true,
        query: {
          presets: ['es2015']
        }
      },
    ]
}

1. 我是对的测试:/. js$/将仅用于扩展名为.js的文件？

2. 加载器:'babel-loader',是我们使用npm安装的加载器

3. 包括:我对此有很多疑问.我是对的,我们放在阵列中的任何东西都会被编译好吗？这意味着,将编译lib,app和src中的index.js,config.js和所有*.js文件.

4. 关于include的更多问题:当文件被转换时,*.js文件是否会连接成一个大文件？

5. 我认为排除是自我解释的.它不会被转化.

6. 查询:{presets:['es2015']}有什么作用？

我对Webpack很新.我想我做错了.我想使用babel将ES6功能转换为ES5功能.所以我做了一些研究,发现了babel-loader.但是,我不确定我在做什么.

我运行了npm install babel-loader --save-dev,它被添加到我的package.json中

// package.json

{
  "name": "kanban",
  "version": "1.0.0",
  "description": "kanban",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.3.21",
    "babel-loader": "^6.2.0",
    "html-webpack-plugin": "^1.7.0",
    "json-loader": "^0.5.4",
    "webpack": "^1.12.9"
  }
}

// webpack.config.js

var path = require('path');
var HtmlwebpackPlugin =  require('html-webpack-plugin');

const PATHS = {
  app: path.join(__dirname, 'app'),
  build: path.join(__dirname, 'build')
};

module.exports = {
  entry: PATHS.app,
  output: {
    path: PATHS.build,
    filename: 'bundle.js'
  },
  plugins: …

我正在使用这个模块,https://github.com/nervgh/angular-file-upload

我正在使用他们的简单示例,http://nervgh.github.io/pages/angular-file-upload/examples/simple/

当您单击"选择文件"按钮时,它将打开一个窗口,允许我们选择要上载的文件.我想要发生的是只允许点击特定的文件扩展名.是否有未记录的配置可以做到这一点？

例如,在配置中,我们只允许.txt扩展名,当我点击"选择文件"按钮时,它会打开一个窗口并显示所有文件.但是,将禁用没有扩展名.txt的文件.

出于安全考虑,我不是这样做的.我只是按照提供的设计/说明进行操作.:)我总是可以使用mitm工具拦截并允许上传其他扩展.

我一直试图弄清楚如何使用 css 来缩小差距，但没有运气。我创建了样式对象并使用了 leftPosition 键，但结果不是我所期望的。我原以为文本是唯一会移动的东西。但是，如果您专门查看第一个菜单的屏幕截图，则图标也移动了。我想要实现的是减少 svn 图标和文本之间的差距。

import React from 'react';
import List from 'material-ui/lib/lists/list';
import ListItem from 'material-ui/lib/lists/list-item';
import ActionGrade from 'material-ui/lib/svg-icons/action/grade';
import ActionInfo from 'material-ui/lib/svg-icons/action/info';
import ContentInbox from 'material-ui/lib/svg-icons/content/inbox';
import ContentDrafts from 'material-ui/lib/svg-icons/content/drafts';
import ContentSend from 'material-ui/lib/svg-icons/content/send';
import Divider from 'material-ui/lib/divider';

import Assignment from 'material-ui/lib/svg-icons/action/assignment';
import Settings from 'material-ui/lib/svg-icons/action/settings';
import ManageDB from 'material-ui/lib/svg-icons/content/unarchive';

const style = {
  menu: {
    marginRight: 32,
    marginBottom: 32,
    float: 'left',
    position: 'relative',
    zIndex: 0,
    width: 235,
  },
  rightIcon: {
    textAlign: 'center',
    lineHeight: '24px', …

我已经按照不同开发人员发布的stackoverflow帖子的解决方案.但是,他们都没有帮助解决我遇到的问题.我做的事情很少

1. 卸载babel
2. 安装babel-core,babel-cli
3. 升级到节点v6.2.2
4. 重新安装webpack
5. 炸毁node_modules并再次运行npm install

所有上述内容从未修复此错误

ERROR in The node API for `babel` has been moved to `babel-core`.
 @ (webpack)-dev-server/client?http://localhost:3333 1:10-24

ERROR in The node API for `babel` has been moved to `babel-core`.
 @ (webpack)-dev-server/client?http://localhost:3333 3:16-37

ERROR in The node API for `babel` has been moved to `babel-core`.
 @ (webpack)-dev-server/client?http://localhost:3333 2:13-37

ERROR in (webpack)/~/process/browser.js
Module build failed: Error: Couldn't find preset "react" relative to directory "/Users/admin/.nvm/versions/node/v6.0.0/lib/node_modules/webpack/node_modules/process"
    at /Users/admin/repos/ReactJSApps/react-es6-setup/node_modules/babel-core/lib/transformation/file/options/option-manager.js:395:17
    at Array.map (native)
.
.
.
webpack: bundle is now …

我是mobx的新手.ObservableObjectAdministration当我调用计算的getServerUrls()函数而不是对象时,我想知道为什么我会得到.

以下是我的商店.

import { observable, computed } from 'mobx';
import { ServerNames } from 'master-server-urls';

class ServerNamesStores {

  @observable ServerNameUrls = {};
  @computed get getServerUrls() {
    console.log('@computed get getServerUrls()',  this.ServerNameUrls);
    return this.ServerNameUrls;
  }

  constructor() {
    const overrideServer = {
      "medicontentServer": "https://mediaserver.example.com"
    }
    const newServerNames = Object.assign({}, ServerNames, overrideServer);
    this.ServerNameUrls = newServerNames;
  }

}

const serverNamesStores = new ServerNamesStores();

export default serverNamesStores;
export { ServerNamesStores };

以下是我的App.js

import React, { Component } from 'react';
import { observer } from …

我对 Gradle 很陌生。我昨天开始阅读它。我找到了一个构建节点应用程序的示例 build.gradle。我对文件的内容有点困惑。我不确定哪些是保留字或预定义字。其中一个字符串是node. 它没有在某处使用，但我发现节点插件需要它。

    buildscript {
        repositories {
            mavenCentral()
            maven {
                url 'https://plugins.gradle.org/m2/'
            }
        }

        dependencies {
            classpath 'com.moowork.gradle:gradle-node-plugin:1.2.0'
        }
    }

    apply plugin: 'base'
    apply plugin: 'com.moowork.node' // gradle-node-plugin

    node {
        /* gradle-node-plugin configuration
        https://github.com/srs/gradle-node-plugin/blob/master/docs/node.md

        Task name pattern:
        ./gradlew npm_<command> Executes an NPM command.
        */

        // Version of node to use.
        version = '10.14.1'

        // Version of npm to use.
        npmVersion = '6.4.1'

        // If true, it will download node using above parameters.
        // If false, it …

我在控制器顶部的代码上有一个$ rootScope.$.我注意到每次加载/调用此控制器时,$ rootScope.$ on listener都会增加意味着它会在您访问控制器时无限期地添加和添加并添加一个监听器.

当我通过$ rootScope调用它时我注意到了.$ $从另一个控制器发出,$ rootScope.$ on中的函数被执行了几次,即使它只是一次发射/广播.

$rootScope.$on('listen', function() {
    $scope.displayString();
});

$scope.displayString = function() {
    console.log('test'); // This display 7 times because I visit the controller 7 times
}

是否可以阻止它创建另一个侦听器实例,以便在已有侦听器时,它不会创建新的侦听器.

所以我运行了离子模拟android,这就是我在控制台上看到的内容

Booting up emulator (this may take a while)..............................................................................................................................................................

它仍在继续显示点

我运行它来检查HAXM是否已加载并且看起来很好

$ kextstat | grep intel
161    0 0xffffff7f839aa000 0x14000    0x14000    com.intel.kext.intelhaxm (6.0.1) <7 5 4 3 1>

我创建的三星avd出现了,但它只是空白屏幕

我究竟做错了什么？我使用的项目是https://github.com/driftyco/ionic-starter-sidemenu

有任何想法吗？

我看到一个代码已经发布在聊天频道中.在他的代码的最后是

export {UserInformation};

有些团体说法语错了.有些人说只要变量存在就可以了.

哪个群体是对的？这是我第一次看到这种语法.我从未见过出口花括号.我只在导入时使用它们.像这样

import {method} from 'someModule';

如果我正在写它,我会把它写成

export default UserInformation;

我不想用错误的信息污染我的大脑.让我知道哪个出口是正确的.