小编d4n*_*yll的帖子

使用`{modules:false}`时``webpack.config.babel.js`中的'意外的令牌导入'

我有一个使用Webpack作为模块捆绑器的React项目,并babel-loader使用以下设置将其转换为ES5:

module: {
  rules: [
    {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      use: [
        {
          loader: "babel-loader"
        }
      ]
    }
  ]
},
Run Code Online (Sandbox Code Playgroud)

选项在独立.babelrc文件中设置.

Babel 6.13.0支持ECMAScript模块,这意味着ECMAScript模块不需要首先转换为CommonJS模块.为了得到这种行为,文档说我们应该在我们的中使用这个设置.babelrc.

{
  presets: [["es2015", { "modules": false }], "react"]
}
Run Code Online (Sandbox Code Playgroud)

但是,当我尝试使用此设置运行Webpack时,它会返回错误:

$ ./node_modules/.bin/webpack
/home/d4nyll/foo/bar/webpack.config.babel.js:1
(function (exports, require, module, __filename, __dirname) { import webpack from 'webpack';
                                                              ^^^^^^
SyntaxError: Unexpected token import
Run Code Online (Sandbox Code Playgroud)

我猜这是因为babel-loader没有采取行动webpack.config.babel.js,所以它没有识别import关键字.{ "modules": false }删除时不会出现错误,但我想要该功能.我怎样才能让巴贝尔认出来webpack.config.babel.js

javascript ecmascript-6 webpack babeljs webpack-2

22
推荐指数
2
解决办法
2万
查看次数

如何在Terraform中使用数据源?

Terraform数据源文档告诉我一个数据源是什么,但我不太明白.有人能给我一个数据源的用例吗?它与使用变量配置的东西有什么区别?

amazon-web-services terraform

19
推荐指数
4
解决办法
1万
查看次数

Node.js中的日志轮换?

在我的网站分析中,我将数据记录在纯文本文件中.我想每天轮换日志,因为它记录了太多的数据.目前我正在使用bunyan来旋转日志.

我面临的问题

它正确地旋转文件,但是旋转的日志文件在名称log.0log.1,等等.我想要文件名log.05-08-2013,log.04-08-2013

我无法编辑bunyan包的来源,因为我们正在使用package.jsonvia NPM 安装模块.

所以我的问题是 - Node.js中是否有其他日志轮换符合我的要求?

node.js log-rotation bunyan

18
推荐指数
3
解决办法
2万
查看次数

Webpack babel配置服务器和客户端javascript?

我正在试图找出如何使用单个webpack配置文件,该文件适用于使用es2015预设转换服务器(node.js)js和客户端js.目前,我必须专门设置"target:'node'"才能正确处理基于节点的文件.如果我不这样做,那么webpack会根据默认的"target:'web'"进行转换.然后报告错误,因为明确导入的"mysql"模块不适用于Web.

如何将两者统一到同一个配置文件中,以便服务器和客户端js将单独转换?或者我完全需要单独的配置?

示例webpack.config.js

'use strict';

var path = require('path');
var webpack = require('webpack');

module.exports = {
  target: 'node',
  resolve: {
    root: path.resolve(__dirname),
    extensions: ['', '.js']
  },
  entry: [
    'babel-polyfill',
    './index.js',
  ],
  output: {
    filename: 'bundle.js'       
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel',
        query: {
          presets: ['es2015']
        }
      }
    ]
  }
};
Run Code Online (Sandbox Code Playgroud)

示例js代码

import 'babel-polyfill';
import mysql from 'mysql';

class Test {
  constructor () {

  }

  get read () {

  }
};
Run Code Online (Sandbox Code Playgroud)

javascript webpack babeljs

18
推荐指数
1
解决办法
8451
查看次数

如何在保持语义HTML标记的同时使用Bootstrap?

Bootstrap提供诸如text-left(对齐类),text-lowercase(转换类)等,这与定义内联样式(在技术上,但在逻辑上)相同.

在另一种方法中,例如bem,它强制类应该反映"物理"块和元素,以及它们的修饰符(或元素的状态,如active,current),并且任何样式都应该纯粹应用于CSS中.

Bootstrap方法似乎很难分离结构和表示之间的关注,并违背了W3C网站管理员提示.

这个问题得到许多人的响应:

  1. Niko Sams - 为什么我不喜欢Twitter Bootstrap
  2. Paradax - Bootstrap好,坏和丑
  3. bvision - 请停止在HTML中嵌入Bootstrap类!

如何在保持HTML标记语义的同时使用Bootstrap?

html css semantic-markup separation-of-concerns twitter-bootstrap

17
推荐指数
1
解决办法
4483
查看次数

如何从Javascript中删除死代码

我试图从我的项目中删除未使用的函数.由于它有数千条线,这需要永远.

代码覆盖工具可能会建议在给定测试用例中未使用的函数,但仅依赖于此可能是危险的.

还有其他工具可以帮助解决这个问题吗?

javascript dead-code

16
推荐指数
1
解决办法
1万
查看次数

sqlite3 - 如何使用.databases命令列出数据库名称?

我是一个更新的rails和SQLite.

这是我的方案:我已经sqlite3在我的Windows Vista机器上安装了.博客应用程序代码也已在实施c:\rails\blog.我提出了我的命令提示并直接进入c:\rails\blog\db.我运行命令sqlite3进入数据库控制台.当我使用该.databases命令时,没有列出任何数据库?为什么?我做错了什么?

sqlite

15
推荐指数
2
解决办法
4万
查看次数

webpack,babel:es6 import vs. Fabric.js

我在我的开发工具链中使用webpack和babel; 运行以下代码时:

import * as fabric from 'fabric';

var canvas = new fabric.Canvas('canvas');
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

_fabric2.default.Canvas is not a constructor
Run Code Online (Sandbox Code Playgroud)

如果我用require('fabric');而不是 相同的代码工作正常import.

我尝试了不同的呼叫方式,import但没有一种方法有效.

我的linting工具抱怨未定义的fabric变量,所以我想正确定义它.令人惊讶的是(对我来说),这段代码既不起作用:

var fabric = require("fabric");
Run Code Online (Sandbox Code Playgroud)

在这种情况下我收到以下错误:

fabric.Canvas is not a constructor
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么 ?

fabricjs webpack babeljs

13
推荐指数
1
解决办法
5193
查看次数

/etc/apt/sources.list.d的功能是什么?

我在/etc/apt/sources.list.d目录中添加了LLVM Debian/Ubuntu nightly软件包llvm.list.然后我跑了apt-get update,但得到了以下错误

GPG Error: The LLVM Compiler Infrastructure Project llvm-toolchain-trusty InRelease: no public key?can not qulify the signature: NO_PUBKEY 15CF4D18AF4F7421
Run Code Online (Sandbox Code Playgroud)

我想如果我将源文件添加到目录中,它将被视为包源.我还需要做什么?

debian apt

12
推荐指数
1
解决办法
2万
查看次数

在AWS IAM中,"路径"变量的用途/用途是什么?

AWS IAM Mavens,

在IAM中,通过CLI或API创建IAM用户时,"Path"变量的用途/用途是什么?

非常感谢!

amazon-web-services amazon-iam

11
推荐指数
1
解决办法
4036
查看次数